/* Scoped to the five local preview players; original hero and demo routes stay intact. */
.case-card.ds-demo-card{cursor:default}
.case-card.ds-demo-card:hover{transform:none}
.ds-demo-link{display:block;flex:1;color:inherit;text-decoration:none}
.ds-demo-link:focus-visible{outline:3px solid #a7e8ff;outline-offset:-4px}
.ds-demo-link:hover .case-cta{text-decoration:underline;text-underline-offset:5px}
.ds-demo{--ds-accent:#0d65b2;--ds-progress:0;padding:12px;min-width:0;color:#eaf7ff;background:linear-gradient(140deg,#114982,#0b326c);border-bottom:1px solid #70b9ed55;scroll-margin-top:120px}
.ds-demo *{box-sizing:border-box}
.ds-demo [hidden]{display:none!important}
.ds-demo button{font:inherit;letter-spacing:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ds-demo button:focus-visible{outline:3px solid #b1efff;outline-offset:3px}
.ds-demo button:disabled{opacity:.55;cursor:default}
.ds-viewer{overflow:hidden;border-radius:10px;border:1px solid #8fcfff77;background:linear-gradient(145deg,#165799eb,#0b3478f5);box-shadow:inset 0 1px 0 #daf7ff55}
.ds-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;padding:8px 10px;background:#0d397aaa;border-bottom:1px solid #77bfff44;line-height:1.5}
.ds-bar strong{font-size:.875rem;font-weight:600;color:#eaf7ff}
.ds-bar>span{font-size:.75rem;color:#b5defa}
.ds-stage{display:grid;position:relative;isolation:isolate;padding:8px}
.ds-panel{grid-area:1/1;position:relative;min-width:0;min-height:264px;padding:12px;border-radius:7px;color:#193a58;background:#f3f8fd;border:1px solid #cee0f0;visibility:hidden;opacity:0;pointer-events:none;overflow-wrap:anywhere}
.ds-panel.is-active{visibility:visible;opacity:1;pointer-events:auto;animation:ds-scene-in .55s cubic-bezier(.16,1,.3,1) both}
.ds-panel:not(.is-active) *{animation:none!important}
.ds-panel p,.ds-panel h4{margin:0;color:inherit;letter-spacing:0}
.ds-panel .ds-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.ds-panel .ds-head h4{font-size:1rem;line-height:1.5;font-weight:700}
.ds-panel .ds-head>span{font-size:.75rem;color:#5c748d;white-space:nowrap}
.ds-panel .ds-muted{font-size:.75rem;color:#5f7890;line-height:1.6}
.ds-panel .ds-field{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #d2e2ef;border-radius:6px;background:#fff;font-size:.875rem;line-height:1.5}
.ds-panel .ds-field+.ds-field{margin-top:7px}
.ds-panel .ds-field>span:first-child{color:#597089}
.ds-panel .ds-field strong{font-weight:600;text-align:right}
.ds-panel .ds-selected{border-color:#4798ce;background:#e7f4ff;box-shadow:0 0 0 2px #5bade81a}
.ds-panel .ds-action{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--ds-accent);color:#fff;padding:9px 12px;margin-top:10px;border-radius:6px;min-height:37px;font-size:.875rem;line-height:1.5;font-weight:600}
.ds-panel .ds-action span{color:#d9f1ff}
.ds-panel .ds-tap{animation:ds-tap .8s .7s ease-out both}
.ds-panel .ds-badge{display:inline-flex;padding:3px 7px;border:1px solid #abcfe8;border-radius:5px;background:#e6f2fd;color:#15598b;font-size:.875rem;font-weight:500;line-height:1.5}
.ds-panel .ds-badge.is-done{color:#21624f;background:#e3f4ed;border-color:#b0d9c9}
.ds-panel .ds-badge.is-alert{color:#7e5212;background:#fff1d6;border-color:#e1c795}
.ds-panel .ds-notice{font-size:.875rem;line-height:1.5;color:#15578c;background:#e2f2ff;border:1px solid #93c5e8;border-radius:6px;padding:8px 10px;margin-top:10px;animation:ds-notice-in .6s .2s both}
.ds-panel .ds-list{display:grid;gap:7px}
.ds-panel .ds-record{padding:10px;background:#fff;border:1px solid #d5e3ef;border-radius:7px}
.ds-panel .ds-record-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.875rem;line-height:1.5}
.ds-panel .ds-record-top strong{font-weight:600}
.ds-panel .ds-record .ds-muted{margin-top:5px}
.ds-panel .ds-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:9px 0}
.ds-panel .ds-days span{text-align:center;padding:6px 0;line-height:1.4;background:#fff;border:1px solid #d5e3ef;border-radius:4px;font-size:.875rem;font-variant-numeric:tabular-nums}
.ds-panel .ds-days .is-picked{color:#fff;background:var(--ds-accent);border-color:var(--ds-accent)}
.ds-panel .ds-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}
.ds-panel .ds-times span{font-size:.875rem;text-align:center;padding:7px 0;border:1px solid #c5d9e9;border-radius:5px;background:#fff}
.ds-panel .ds-times .is-picked{border-color:#1684c5;color:#155e94;background:#dcefff}
.ds-panel .ds-confirm{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:232px;gap:12px;text-align:center}
.ds-panel .ds-check{display:grid;place-items:center;border-radius:50%;border:1px solid #a9d7ee;background:#e0f1fc;width:54px;height:54px;color:#176eaa;font-size:1.75rem}
.ds-panel .ds-confirm strong{font-size:1rem;line-height:1.5}
.ds-panel .ds-confirm p{font-size:.875rem;line-height:1.7;color:#4c6a84}
.ds-panel .ds-meter{margin-top:9px;height:7px;border-radius:6px;background:#dce9f4;overflow:hidden}
.ds-panel .ds-meter i{display:block;width:var(--value);height:100%;background:linear-gradient(90deg,#398fd2,#58bddc);border-radius:inherit;transform-origin:left;animation:ds-grow .8s .15s both}
.ds-panel .ds-metric{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:6px;font-size:.875rem}
.ds-panel .ds-metric b{font-size:1.5rem;font-weight:600;color:#1d6597;font-variant-numeric:tabular-nums}
.ds-panel .ds-note-box{padding:10px;border:1px solid #ceddeb;background:#fff;border-radius:6px;margin:8px 0;font-size:.875rem;line-height:1.7}
.ds-panel .ds-quantity{display:flex;align-items:center;justify-content:center;gap:16px;padding:15px 8px}
.ds-panel .ds-quantity b{font-size:1.8rem;line-height:1.1;color:#246c9f;font-variant-numeric:tabular-nums}
.ds-panel .ds-quantity span{font-size:.875rem;color:#55748e}
.ds-panel .ds-grid-head,.ds-panel .ds-stock-row{display:grid;grid-template-columns:minmax(0,1fr) 48px 70px;align-items:center;gap:5px;font-size:.875rem;line-height:1.5}
.ds-panel .ds-grid-head{padding:0 6px 7px;color:#61788b;font-size:.75rem}
.ds-panel .ds-stock-row{padding:9px 6px;border-top:1px solid #d6e4ef}
.ds-panel .ds-stock-row>strong{font-weight:600}
.ds-panel .ds-stock-row>span:nth-child(2){font-variant-numeric:tabular-nums}
.ds-panel .ds-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:10px}
.ds-panel .ds-pipeline span{border-bottom:3px solid #d2e0ed;padding:7px 2px;text-align:center;font-size:.875rem;line-height:1.5;color:#587088}
.ds-panel .ds-pipeline .is-current{border-color:#2786bb;color:#155c8d;font-weight:600;background:#e5f2fb}
.ds-panel .ds-checklist{display:grid;gap:9px;padding:9px 0;font-size:.875rem;line-height:1.5}
.ds-panel .ds-checklist span{display:flex;gap:8px;color:#345975}
.ds-panel .ds-checklist i{font-style:normal;color:#26785d}
.ds-caption{display:flex;align-items:flex-start;gap:8px;min-height:57px;padding:10px 0 8px}
.ds-caption>span{flex-shrink:0;color:#92d9fc;font-size:.75rem;font-variant-numeric:tabular-nums;line-height:1.6;padding:3px 0}
.ds-caption strong{font-size:.875rem;line-height:1.5;font-weight:600;color:#eaf8ff;letter-spacing:0}
.ds-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;list-style:none;margin:0;padding:0}
.ds-chapters li{min-width:0}
.ds-chapters button{position:relative;display:block;width:100%;min-height:57px;text-align:left;padding:5px 1px 10px;background:transparent;border:0;color:#aed3ef;font-size:.875rem;line-height:1.5}
.ds-chapters button>span{display:block;font-size:.75rem;color:#91bcdf;line-height:1.5}
.ds-chapters button::after,.ds-chapters i{position:absolute;bottom:2px;left:0;width:100%;height:3px;background:#4481b75c;border-radius:3px;content:""}
.ds-chapters i{z-index:1;transform:scaleX(0);transform-origin:left;background:#98e5ff}
.ds-chapters [aria-current=step]{color:#eafaff}
.ds-chapters [aria-current=step] i{transform:scaleX(var(--ds-progress))}
.ds-chapters .is-complete i{transform:scaleX(1);background:#459ace}
.ds-player{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px}
.ds-player-controls{display:flex;align-items:center;gap:16px}
.ds-player button{min-height:36px;background:transparent;color:#c4e8ff;border:0;font-size:.875rem;padding:4px 0;text-decoration:underline;text-decoration-color:#83bee166;text-underline-offset:5px}
.ds-player [data-ds-play]{min-width:5em;text-align:left;font-weight:600}
.ds-player>span{max-width:130px;font-size:.75rem;color:#a8ceec;text-align:right;line-height:1.5}
.ds-demo .ds-disclaimer{margin:8px 0 0;font-size:.75rem;line-height:1.5;color:#aacce8;text-align:center;letter-spacing:0}
.ds-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ds-demo.ds-halted *{animation-play-state:paused!important}
.ds-demo.ds-still *{animation:none!important;transition:none!important}
@keyframes ds-scene-in{from{opacity:.2;transform:translateX(14px)}to{opacity:1;transform:none}}
@keyframes ds-tap{0%,100%{box-shadow:0 0 0 0 #168acc00;transform:scale(1)}45%{box-shadow:0 0 0 7px #168acc22;transform:scale(.98)}}
@keyframes ds-notice-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes ds-grow{from{transform:scaleX(.3)}to{transform:scaleX(1)}}
@media(max-width:480px){.ds-panel{padding:10px}.ds-player{flex-wrap:wrap}.ds-player>span{max-width:none;text-align:left}.ds-bar>span{font-size:.75rem}.ds-chapters{gap:4px}.ds-panel .ds-field{gap:6px;padding:7px 8px}}
@media(prefers-reduced-motion:reduce){.ds-demo *{animation:none!important;transition:none!important}}
@media print{.ds-player,.ds-chapters{display:none}.ds-demo{break-inside:avoid}.ds-panel{animation:none!important}}

/* One layout contract for every industry, including the restaurant player. */
#case .case-grid{grid-auto-rows:1fr;align-items:stretch}
#case .demo-uniform-card{display:flex;flex-direction:column;width:100%;min-width:0;cursor:default}
#case .demo-uniform-card:hover{transform:none}
.demo-uniform-card .demo-card-heading{box-sizing:border-box;padding:22px 22px 18px;height:var(--demo-heading-height,auto)}
.demo-uniform-card .demo-card-title{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:start;margin:0 0 12px;font-size:1.125rem;line-height:1.6;font-weight:600;letter-spacing:.02em}
.demo-card-number{display:grid;place-items:center;min-height:32px;border:1px solid #92d9f966;border-radius:7px;background:#1866993d;color:#a4e6ff;font-size:.875rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.demo-uniform-card .demo-card-summary{margin:0;color:#c4dced;font-size:1rem;line-height:1.8;letter-spacing:.015em}
.demo-uniform-card>.rd-demo,.demo-uniform-card>.ds-demo{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(5,auto);align-content:start;gap:0;min-width:0;box-sizing:border-box;padding:12px;background:linear-gradient(140deg,#114982,#0b326c);border-top:1px solid #70b9ed33;border-bottom:1px solid #70b9ed55}
.demo-uniform-card .rd-viewer,.demo-uniform-card .ds-viewer{width:100%;min-width:0;box-sizing:border-box;border:1px solid #8fcfff77;border-radius:10px;overflow:hidden}
.demo-uniform-card .demo-screen-bar{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;box-sizing:border-box;width:100%;height:var(--demo-bar-height,auto);min-height:74px;padding:10px 12px;border-bottom:1px solid #77bfff44;background:#0d397aaa}
.demo-uniform-card .demo-industry-image{display:block;width:52px;height:52px;object-fit:cover;border-radius:7px;border:1px solid #9bd5f366;flex-shrink:0}
.demo-screen-context{min-width:0;display:grid;gap:3px;text-align:left}
.demo-uniform-card .demo-screen-context>strong{font-size:.875rem;line-height:1.5;color:#e8f7ff;font-weight:600;letter-spacing:0}
.demo-uniform-card .demo-screen-context>span{font-size:.75rem;line-height:1.5;color:#b5d9f2;font-weight:400;letter-spacing:0}
.demo-uniform-card .demo-screen-context .rd-view-label::before{display:none}
.demo-uniform-card .rd-stage,.demo-uniform-card .ds-stage{display:grid;box-sizing:border-box;min-width:0;padding:10px;height:var(--demo-stage-height,auto);min-height:19rem}
.demo-uniform-card .rd-screen,.demo-uniform-card .ds-panel{box-sizing:border-box;align-self:stretch;justify-self:stretch;width:100%;max-width:none;min-width:0;min-height:0;padding:12px;overflow-wrap:anywhere}
.demo-uniform-card .rd-screen,.demo-uniform-card .ds-panel{text-shadow:none}
.demo-uniform-card .rd-caption,.demo-uniform-card .ds-caption{box-sizing:border-box;height:var(--demo-caption-height,auto);min-height:4rem;margin:0;padding:12px 0 10px;gap:8px}
.demo-uniform-card .rd-caption strong,.demo-uniform-card .ds-caption strong{font-size:.875rem;line-height:1.6;letter-spacing:0}
.demo-uniform-card .rd-chapters,.demo-uniform-card .ds-chapters{box-sizing:border-box;height:var(--demo-chapters-height,auto);margin:0;padding:0;gap:5px;list-style:none}
.demo-uniform-card .rd-chapters button,.demo-uniform-card .ds-chapters button{display:block;box-sizing:border-box;width:100%;height:100%;min-height:4.5rem;font-size:.875rem;line-height:1.6;white-space:normal;padding:5px 1px 12px}
.demo-uniform-card .rd-player,.demo-uniform-card .ds-player{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;box-sizing:border-box;height:var(--demo-player-height,auto);gap:4px 10px;padding-top:6px}
.demo-uniform-card .rd-player>span,.demo-uniform-card .ds-player>span{max-width:none;text-align:right;font-size:.75rem;line-height:1.5}
.demo-uniform-card .rd-player-controls,.demo-uniform-card .ds-player-controls{gap:16px}
.demo-uniform-card .ds-disclaimer{box-sizing:border-box;height:var(--demo-disclaimer-height,auto);margin:0;padding-top:8px;color:#aacce8;font-size:.75rem;line-height:1.6;letter-spacing:0;text-align:center}
.demo-uniform-card .demo-card-experience{display:flex;align-items:center;justify-content:space-between;gap:14px;box-sizing:border-box;min-height:64px;margin-top:auto;padding:18px 22px;color:#b8ebff;text-decoration:none;font-size:.9375rem;font-weight:600;line-height:1.6;background:#0e315666;border-top:1px solid #90c8e929}
.demo-card-experience>span:last-child{font-size:1.35rem;line-height:1;color:#8bdcff}
.demo-card-experience:hover{background:#174f795c}
.demo-card-experience:hover>span:first-child{text-decoration:underline;text-underline-offset:5px}
.demo-card-experience:focus-visible{outline:3px solid #a7e8ff;outline-offset:-4px}
/* Reset only measured regions for one synchronous pass; content is never cropped or scaled. */
#case .is-measuring-demos .demo-card-heading,
#case .is-measuring-demos .demo-screen-bar,
#case .is-measuring-demos .rd-stage,
#case .is-measuring-demos .ds-stage,
#case .is-measuring-demos .rd-caption,
#case .is-measuring-demos .ds-caption,
#case .is-measuring-demos .rd-chapters,
#case .is-measuring-demos .ds-chapters,
#case .is-measuring-demos .rd-player,
#case .is-measuring-demos .ds-player,
#case .is-measuring-demos .ds-disclaimer{height:auto!important}
@media(max-width:520px){.demo-uniform-card .demo-card-heading{padding:18px 16px 16px}.demo-uniform-card .demo-card-title{font-size:1.0625rem;grid-template-columns:30px minmax(0,1fr);gap:9px}.demo-uniform-card .demo-card-experience{padding:16px}.demo-uniform-card .demo-screen-bar{padding:9px;gap:9px}.demo-uniform-card .rd-stage,.demo-uniform-card .ds-stage{padding:8px}.demo-uniform-card .rd-screen,.demo-uniform-card .ds-panel{padding:10px}.demo-uniform-card .rd-player>span,.demo-uniform-card .ds-player>span{text-align:left}}
@media(max-width:900px){#case{padding-inline:20px}#case>.inner{padding-inline:20px}#case .case-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){#case{padding-inline:12px}#case>.inner{padding-inline:12px}.demo-uniform-card .ds-head{flex-wrap:wrap}.demo-uniform-card .ds-head>span{white-space:normal}.demo-uniform-card .ds-record-top{flex-wrap:wrap}.demo-uniform-card .ds-field{flex-wrap:wrap}.demo-uniform-card .ds-field>*{min-width:0}.demo-uniform-card .ds-stock-row,.demo-uniform-card .ds-grid-head{grid-template-columns:minmax(0,1fr) minmax(0,48px) minmax(0,70px)}}

/* Keep playback hooks intact while removing the requested utility row from view and tab order. */
#case .demo-uniform-card .rd-player,
#case .demo-uniform-card .ds-player{display:none!important}
.demo-uniform-card .demo-card-experience{min-height:56px;margin:16px;padding:13px 18px;border:1px solid #9bdfff99;border-radius:10px;background:linear-gradient(135deg,#1975bd,#135395);color:#f5fbff;font-size:1rem;font-weight:700;text-shadow:none;box-shadow:inset 0 1px 0 #d4f4ff55,0 5px 15px #041c4255;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}
.demo-uniform-card .demo-card-experience>span:first-child{min-width:0}
.demo-uniform-card .demo-card-experience>span:last-child{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#d9f6ff1f;color:#e2f8ff;font-size:1.2rem}
.demo-uniform-card .demo-card-experience:hover{background:linear-gradient(135deg,#2183ce,#1665ad);box-shadow:inset 0 1px 0 #e6faff77,0 7px 18px #041c4266;transform:translateY(-1px)}
.demo-uniform-card .demo-card-experience:hover>span:first-child{text-decoration:none}
.demo-uniform-card .demo-card-experience:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #05244a33}
.demo-uniform-card .demo-card-experience:focus-visible{outline:3px solid #c7f4ff;outline-offset:3px}
@media(max-width:520px){.demo-uniform-card .demo-card-experience{margin:14px;padding:12px 14px;gap:10px}}
@media(prefers-reduced-motion:reduce){.demo-uniform-card .demo-card-experience{transition:none;transform:none}}