.case-screen-frame{position:relative;display:grid;grid-template-rows:minmax(0,1fr) 54px;width:min(84vw,1080px);max-width:100%;aspect-ratio:1080/789;margin:52px auto 0;scroll-margin-top:112px;border:1px solid #8c8983;border-radius:14px;background:#f4f0e9;box-shadow:0 28px 74px rgba(18,12,4,.22),9px 10px 0 color-mix(in srgb,var(--accent,#bd3607) 20%,transparent);overflow:hidden;cursor:zoom-in;outline:none}
.case-screen-chrome{display:none}
.case-screen-preview{width:161.291%;margin:0!important;border:0!important;box-shadow:none!important;opacity:1!important;transform:none!important;pointer-events:none;filter:saturate(.86) contrast(.97);zoom:.62}
body[data-sbx-expert-mode="travel"] .case-screen-frame{height:auto}
body[data-sbx-expert-mode="travel"] .case-screen-preview{width:161.291%;zoom:1;transform:scale(.62)!important;transform-origin:top left}
.case-screen-activate{position:relative;z-index:9;display:grid;grid-template-columns:1fr auto;gap:2px 18px;width:100%;min-width:0;padding:10px 17px;border:0;border-top:1px solid #8c8983;background:#111;color:#f5f0e8;box-shadow:none;font-family:'IBM Plex Mono',monospace;text-align:left;transition:background-color .16s ease,color .16s ease}.case-screen-activate span{font-size:10px;font-weight:700;letter-spacing:.1em}.case-screen-activate small{grid-column:1;font-size:8px;color:#bdb7ad}.case-screen-activate b{grid-column:2;grid-row:1/3;align-self:center;color:#ff8000;font-size:19px}.case-screen-frame:hover .case-screen-activate,.case-screen-frame:focus-visible .case-screen-activate{background:var(--accent,#bd3607);color:#fff}.case-screen-frame:hover .case-screen-activate b,.case-screen-frame:focus-visible .case-screen-activate b{color:#fff}

.case-live-dialog{box-sizing:border-box;position:fixed;inset:50% auto auto 50%;translate:-50% -50%;width:min(1080px,calc(100vw - 64px));height:min(735px,calc(100dvh - 64px));max-width:none;max-height:none;margin:0;padding:0;border:1px solid #8c8983;border-radius:14px;background:#f4f0e9;color:#111;box-shadow:0 30px 95px rgba(0,0,0,.42),0 7px 22px rgba(0,0,0,.2);overflow:hidden;transform-origin:center;will-change:transform,opacity,filter}.case-live-dialog::backdrop{background:rgba(12,12,12,.6);backdrop-filter:blur(5px) saturate(.68)}.case-live-dialog.case-live-preflight{opacity:0}.case-live-dialog.case-live-enter{animation:case-live-enter .72s cubic-bezier(.16,.84,.19,1) both}.case-live-dialog.case-live-enter::backdrop{animation:case-live-backdrop .72s ease-out both}@keyframes case-live-enter{0%{opacity:.62;transform:translate3d(var(--case-enter-x,0),var(--case-enter-y,0),0) scale(var(--case-enter-scale-x,.86),var(--case-enter-scale-y,.86));filter:saturate(.9) contrast(.98)}58%{opacity:1;filter:none}78%{transform:translate3d(0,0,0) scale(1.01);filter:none}100%{opacity:1;transform:none;filter:none}}@keyframes case-live-backdrop{from{background:rgba(12,12,12,0);backdrop-filter:blur(0) saturate(1)}to{background:rgba(12,12,12,.6);backdrop-filter:blur(5px) saturate(.68)}}
.case-screen-frame{transition:transform .2s ease,filter .22s ease,box-shadow .22s ease}.case-screen-frame:hover,.case-screen-frame:focus-visible{transform:translateY(-2px);box-shadow:0 32px 82px rgba(18,12,4,.25),11px 12px 0 color-mix(in srgb,var(--accent,#bd3607) 24%,transparent)}.case-screen-frame:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#bd3607) 55%,transparent),0 32px 82px rgba(18,12,4,.25),11px 12px 0 color-mix(in srgb,var(--accent,#bd3607) 24%,transparent)}.case-screen-frame.case-screen-launching{filter:contrast(1.06) saturate(1.05);box-shadow:0 0 0 3px rgba(229,76,18,.28),0 18px 48px rgba(0,0,0,.32)}
.case-live-shell{display:grid;grid-template-rows:60px 82px minmax(0,1fr) 66px;height:100%;min-width:0;min-height:0;margin:0!important;padding:0!important;background:#f4f0e9;font-family:'Archivo','Helvetica Neue',Arial,sans-serif}
.case-live-bar{display:grid;grid-template-columns:minmax(260px,1fr) auto 58px;align-items:center;border-bottom:1px solid #bab6af;background:#f4f0e9}.case-live-identity{display:flex;align-items:center;gap:17px;padding:0 19px}.case-live-mark{font:400 28px/1 'Archivo','Helvetica Neue',Arial,sans-serif;letter-spacing:-.045em;white-space:nowrap}.case-live-mark strong{display:inline-block;margin-left:.08em;padding:.08em .18em .1em;background:#bd3607;color:#fff;font-weight:700}.case-live-identity>small,.case-live-notice{font:600 9px/1.3 'IBM Plex Mono',monospace;letter-spacing:.11em;text-transform:uppercase}.case-live-identity>small{padding-left:17px;border-left:1px solid #c4c0b9;color:#6c6760}.case-live-notice{padding:0 18px;color:#6c6760}.case-live-close{align-self:stretch;border:0;border-left:1px solid #aaa59d;background:transparent;color:#111;font:400 25px/1 'IBM Plex Mono',monospace;cursor:pointer}.case-live-close:hover,.case-live-close:focus-visible{background:#111;color:#fff}
.case-live-context{display:grid;grid-template-columns:1fr 1fr auto;border-bottom:1px solid #aba8a2;background:#fff}.case-live-context>span{min-width:0;padding:13px 18px;border-right:1px solid #c7c3bd}.case-live-context small,.case-live-context strong,.case-live-context em{display:block}.case-live-context small{color:#666b7d;font:600 9px/1.2 'IBM Plex Mono',monospace;letter-spacing:.13em}.case-live-context strong{margin-top:5px;font-size:13px}.case-live-context em{margin-top:3px;overflow:hidden;color:#747078;font-size:10px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}.case-live-context button{min-width:185px;padding:0 17px;border:0;background:transparent;color:#111;font:600 9px/1.3 'IBM Plex Mono',monospace;letter-spacing:.12em;cursor:pointer}.case-live-context button:hover{background:#111;color:#fff}
.case-live-workspace{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(165px,205px) minmax(300px,1fr) minmax(205px,270px);background:#f7f3ec}.case-live-queues,.case-live-project{min-width:0;min-height:0;display:grid;background:#eeebe5}.case-live-queues{grid-template-rows:48px minmax(0,1fr) auto;border-right:1px solid #aaa}.case-live-project{grid-template-rows:48px minmax(0,1fr) auto;border-left:1px solid #aaa}.case-live-queues>header,.case-live-project>header{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #aaa;font:600 10px/1 'IBM Plex Mono',monospace;letter-spacing:.12em}.case-live-queues>header b{display:grid;width:25px;height:25px;place-items:center;background:#aaa6a0}.case-live-queues>div,.case-live-project>div{min-height:0;overflow:auto}.case-live-queues>div>button{width:100%;display:grid;grid-template-columns:25px minmax(0,1fr) 25px;gap:8px;align-items:start;padding:13px 11px;border:0;border-bottom:1px solid #c4c0b9;background:transparent;color:#111;text-align:left;cursor:pointer}.case-live-queues>div>button:hover,.case-live-queues>div>button.active{background:#eadad4;box-shadow:inset 5px 0 0 #bd3607}.case-live-queues button>span:first-child{color:#77736d;font:600 9px 'IBM Plex Mono',monospace}.case-live-queues button small,.case-live-queues button strong{display:block}.case-live-queues button small{color:#bd3607;font:600 8px/1.2 'IBM Plex Mono',monospace;letter-spacing:.08em}.case-live-queues button strong{margin-top:4px;font-size:11px;line-height:1.3}.case-live-queues button>b{display:grid;height:25px;place-items:center;background:#aaa6a0;font:600 9px 'IBM Plex Mono',monospace}.case-live-queues>footer,.case-live-project>footer{padding:12px 13px;border-top:1px solid #aaa;color:#5c655f;font:600 8px/1.3 'IBM Plex Mono',monospace;letter-spacing:.08em}.case-live-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#5c9a70;box-shadow:0 0 0 3px rgba(92,154,112,.16)}
.case-live-stage{position:relative;min-width:0;min-height:0;padding-bottom:16px;overflow:auto;overscroll-behavior:contain;background-color:#f7f3ec;background-image:linear-gradient(rgba(18,12,4,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(18,12,4,.04) 1px,transparent 1px);background-size:32px 32px}.case-live-canvas{min-height:560px;padding:36px 42px 54px}.case-live-opening{padding-bottom:30px;border-bottom:1px solid #aaa}.case-live-kicker,.case-live-decision-head>span{color:#5964a7;font:600 9px/1.3 'IBM Plex Mono',monospace;letter-spacing:.15em}.case-live-opening h1{margin:16px 0 5px;font:400 25px/1.1 'IBM Plex Mono',monospace;text-transform:uppercase}.case-live-opening h2{max-width:620px;margin:0;font:700 clamp(40px,5vw,64px)/.93 'Archivo','Helvetica Neue',Arial,sans-serif;letter-spacing:-.055em}.case-live-opening p{max-width:620px;margin:18px 0 0;color:#57524c;font-size:14px;line-height:1.55}.case-live-decision-head{display:flex;justify-content:space-between;gap:20px}.case-live-decision-head button,.case-live-answer header button{border:0;border-bottom:1px solid currentColor;background:transparent;color:#5a5f99;font:600 8px 'IBM Plex Mono',monospace;letter-spacing:.08em;cursor:pointer}.case-live-decision>h1{margin:18px 0 12px;font:700 clamp(37px,4.2vw,57px)/.95 'Archivo','Helvetica Neue',Arial,sans-serif;letter-spacing:-.05em}.case-live-decision>p{margin:0;color:#58535d;font-size:15px;line-height:1.5}.case-live-next{margin-top:25px;padding:16px 18px;border:1px solid #b4b1b8;background:#fff}.case-live-next small,.case-live-next strong{display:block}.case-live-next small{color:#bd3607;font:600 8px 'IBM Plex Mono',monospace;letter-spacing:.12em}.case-live-next strong{margin-top:7px;font-size:13px;line-height:1.42}.case-live-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.case-live-actions button{min-height:43px;border:1px solid #111;background:#fff;font:600 9px 'IBM Plex Mono',monospace;letter-spacing:.07em;cursor:pointer}.case-live-actions button:first-child{background:#111;color:#fff}.case-live-status{display:block;margin-top:10px;color:#55735f;font:600 8px 'IBM Plex Mono',monospace;letter-spacing:.08em}.case-live-answer{margin-top:18px;border:1px solid #aaa;background:#fff}.case-live-answer header{display:flex;justify-content:space-between;padding:10px 13px;border-bottom:1px solid #bbb;color:#666b7d;font:600 8px 'IBM Plex Mono',monospace;letter-spacing:.1em}.case-live-answer p{margin:0;padding:15px;font-size:13px;line-height:1.5}
.case-live-project>div{padding:14px}.case-live-project article{display:grid;grid-template-columns:22px minmax(0,1fr);gap:0 9px;margin-bottom:10px;padding:12px;border:1px solid #c1bdb6;background:#faf8f4}.case-live-project article>.sbx-icon{--sbx-icon-size:18px;grid-row:1/3;color:#5964a7}.case-live-project article small,.case-live-project article strong{display:block;grid-column:2}.case-live-project article small{color:#727381;font:600 8px 'IBM Plex Mono',monospace;letter-spacing:.1em}.case-live-project article strong{margin-top:7px;font-size:11px;line-height:1.35}.case-live-project>footer{text-align:center}.case-live-mobile-tabs{display:none}
.case-live-composer{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) 105px;border-top:1px solid #93908a;background:#ebe9fb}.case-live-add{border:0;border-right:1px solid #aaa;background:#fff;font-size:22px;cursor:pointer}.case-live-composer label{min-width:0;padding:8px 12px;background:#fff}.case-live-composer input{width:100%;min-width:0;border:0;outline:0;background:transparent;font:13px 'Archivo',sans-serif}.case-live-composer label small{display:block;margin-top:4px;color:#777;font:600 7px 'IBM Plex Mono',monospace;letter-spacing:.07em}.case-live-composer>button:last-child{border:0;background:#4f55c8;color:#fff;font:600 9px 'IBM Plex Mono',monospace;letter-spacing:.1em;cursor:pointer}.case-live-harbour .case-live-composer{background:#f1ddd6}.case-live-harbour .case-live-composer>button:last-child{background:#bd3607}.case-live-travel{--case-accent:#3157d5}.case-live-travel .case-live-mark strong{background:#3157d5}.case-live-travel .case-live-queues>div>button:hover,.case-live-travel .case-live-queues>div>button.active{box-shadow:inset 5px 0 0 #3157d5}.case-live-travel .case-live-queues button small{color:#3157d5}
body[data-sbx-expert-mode="harbour"] #concierge .conc-panel,body[data-sbx-expert-mode="travel"] #concierge .conc-panel,body[data-sbx-expert-mode="security"] #concierge .conc-panel{display:none!important}
.case-live-dialog [hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Depth is functional here: the window is the active instrument, while the
   lifted queue card is the next piece of work—not decoration on every box. */
.case-live-dialog{--case-depth-accent:rgba(189,54,7,.16);box-shadow:0 34px 100px rgba(0,0,0,.44),0 8px 24px rgba(0,0,0,.22),11px 13px 0 var(--case-depth-accent)}
body:has(.case-live-dialog[open]) #conc-toggle{opacity:0;pointer-events:none}
body.case-preview-in-view #conc-toggle{opacity:0;pointer-events:none;transform:translateY(12px)}
.case-live-workspace{position:relative;z-index:2;box-shadow:0 9px 20px rgba(23,19,14,.16)}
.case-live-queues>div{padding:8px 7px 12px}
.case-live-queues>div>button{position:relative;width:100%;margin:0 0 8px;border:1px solid #c4c0b9;background:#f8f5ef;box-shadow:2px 3px 0 rgba(23,19,14,.11);transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,opacity .16s ease}
.case-live-queues>div>button:hover{transform:translate(-1px,-1px);box-shadow:4px 5px 0 rgba(23,19,14,.14)}
.case-live-queues>div>button.is-next{z-index:2;transform:translate(-2px,-2px);border-color:#9f988e;background:#fffaf2;box-shadow:5px 6px 0 var(--case-depth-accent),0 9px 18px rgba(23,19,14,.12)}
.case-live-queues>div>button.is-next>b{background:#bd3607;color:#fff}
.case-live-queues>div>button.active{background:#eadad4;box-shadow:inset 5px 0 0 #bd3607,4px 5px 0 rgba(23,19,14,.13)}
.case-live-queues>div>button.is-complete{transform:none;opacity:.52;box-shadow:none}
.case-live-next{box-shadow:5px 6px 0 rgba(89,100,167,.15),0 10px 18px rgba(23,19,14,.08)}
.case-live-project article{box-shadow:2px 3px 0 rgba(23,19,14,.09)}
.case-live-travel{--case-depth-accent:rgba(49,87,213,.16)}
.case-live-travel .case-live-queues>div>button.is-next>b{background:#3157d5}
.case-live-security{--case-depth-accent:rgba(36,71,176,.17)}
.case-live-security .case-live-mark strong,.case-live-security .case-live-composer>button:last-child,.case-live-security .case-live-queues>div>button.is-next>b{background:#2447b0}
.case-live-security .case-live-queues>div>button:hover,.case-live-security .case-live-queues>div>button.active{box-shadow:inset 5px 0 0 #2447b0,4px 5px 0 rgba(23,19,14,.13)}
.case-live-security .case-live-queues button small,.case-live-security .case-live-next small{color:#2447b0}

/* Captured case screens are the actual live Expert shell, not a second visual
   interpretation. Role color and content vary; geometry remains canonical. */
.case-screen-live-preview>.case-live-shell-preview{width:100%;height:100%;min-height:0;pointer-events:none;transform:none;transform-origin:top left}
body[data-sbx-expert-mode="security"] .case-screen-live-preview>.case-live-shell-preview .case-live-close{background:#111;color:#fff}

@media(max-width:760px){.case-screen-frame{width:100%;aspect-ratio:auto;grid-template-rows:560px 52px;margin-top:32px;border-radius:0;box-shadow:6px 7px 0 color-mix(in srgb,var(--accent,#bd3607) 20%,transparent)}.case-screen-preview{width:166.667%;zoom:.6}.case-screen-activate{min-width:0}.case-live-shell-preview{grid-template-rows:56px 68px 48px minmax(0,1fr) 62px}.case-live-shell-preview .case-live-bar{grid-template-columns:minmax(0,1fr) 48px}.case-live-shell-preview .case-live-identity{padding:0 12px}.case-live-shell-preview .case-live-mark{font-size:22px}.case-live-shell-preview .case-live-identity>small,.case-live-shell-preview .case-live-notice{display:none}.case-live-shell-preview .case-live-context{grid-template-columns:1fr}.case-live-shell-preview .case-live-context>span{padding:10px 12px;border:0}.case-live-shell-preview .case-live-context>span:nth-child(2),.case-live-shell-preview .case-live-context>button{display:none}.case-live-shell-preview .case-live-context em{font-size:9px}.case-live-shell-preview .case-live-mobile-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #999}.case-live-shell-preview .case-live-mobile-tabs button{display:flex;gap:7px;align-items:center;justify-content:center;border:0;border-right:1px solid #bbb;background:#e8e4dd;color:#666;font:600 8px 'IBM Plex Mono',monospace;letter-spacing:.08em}.case-live-shell-preview .case-live-workspace{display:block}.case-live-shell-preview .case-live-workspace>aside,.case-live-shell-preview .case-live-workspace>main{display:none;width:100%;height:100%;border:0}.case-live-shell-preview .case-live-workspace[data-live-panel="work"]>.case-live-stage{display:block}.case-live-shell-preview .case-live-canvas{min-height:420px;padding:28px 20px 48px}.case-live-shell-preview .case-live-opening h2{font-size:47px}.case-live-dialog{inset:0;width:100vw;height:100dvh;border:0;border-radius:0}.case-live-shell{grid-template-rows:56px 68px 48px minmax(0,1fr) 62px}.case-live-bar{grid-template-columns:minmax(0,1fr) 48px}.case-live-identity{padding:0 12px}.case-live-mark{font-size:22px}.case-live-identity>small,.case-live-notice{display:none}.case-live-context{grid-template-columns:1fr}.case-live-context>span{padding:10px 12px;border:0}.case-live-context>span:nth-child(2),.case-live-context>button{display:none}.case-live-context em{font-size:9px}.case-live-mobile-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #999}.case-live-mobile-tabs button{display:flex;gap:7px;align-items:center;justify-content:center;border:0;border-right:1px solid #bbb;background:#e8e4dd;color:#666;font:600 8px 'IBM Plex Mono',monospace;letter-spacing:.08em}.case-live-mobile-tabs button>.sbx-icon{--sbx-icon-size:15px}.case-live-mobile-tabs button[aria-current="page"]{background:#111;color:#fff}.case-live-workspace{display:block}.case-live-workspace>aside,.case-live-workspace>main{display:none;width:100%;height:100%;border:0}.case-live-workspace[data-live-panel="work"]>.case-live-stage,.case-live-workspace[data-live-panel="queues"]>.case-live-queues,.case-live-workspace[data-live-panel="project"]>.case-live-project{display:grid}.case-live-workspace[data-live-panel="work"]>.case-live-stage{display:block}.case-live-canvas{min-height:620px;padding:28px 20px 48px}.case-live-opening h2{font-size:47px}.case-live-decision>h1{font-size:42px}.case-live-actions{grid-template-columns:1fr}.case-live-composer{grid-template-columns:42px minmax(0,1fr) 70px}.case-live-composer>button:last-child{font-size:8px}}
@media(max-height:700px) and (min-width:761px){.case-live-dialog{height:calc(100dvh - 40px)}.case-live-shell{grid-template-rows:54px 72px minmax(0,1fr) 62px}.case-live-canvas{min-height:430px;padding:25px 36px 40px}.case-live-opening h1{margin-top:12px;font-size:19px}.case-live-opening h2{font-size:39px}.case-live-opening p{margin-top:12px;font-size:12px}.case-live-context>span{padding-block:10px}.case-live-bar{min-height:0}}

/* Keep the application canvas compact despite the global marketing-section spacing. */
.case-live-shell section,.case-live-shell-preview section{padding:0}.case-live-shell .case-live-opening,.case-live-shell-preview .case-live-opening{padding:0 0 18px}.case-live-shell .case-live-decision,.case-live-shell-preview .case-live-decision{padding:0}
@media(max-width:760px){.case-live-dialog{inset:0;translate:none}}
@media(prefers-reduced-motion:reduce){.case-live-dialog.case-live-enter,.case-live-dialog.case-live-enter::backdrop{animation:none}.case-screen-frame{transition:none}}

/* The explanation opens above this simulation and returns to the same work. */
.case-live-behind{flex-shrink:0;border:1px solid #c7cdbb;background:#f7f6ef;color:#46533e;padding:8px 12px;font:14px/1.3 sans-serif;border-radius:0;cursor:pointer}.case-live-vignettes{display:grid;gap:8px;margin:22px 0}.case-live-vignettes>small{font:11px/1.4 monospace;letter-spacing:1px;color:#707967}.case-live-vignettes>button{font:14px/1.5 sans-serif;color:#795233;text-align:left;border:1px solid #d4d9c8;background:transparent;border-radius:0;padding:9px;cursor:pointer}
.case-live-bar:has(.case-live-behind){grid-template-columns:minmax(0,1fr) auto auto 58px}
.case-live-composer{grid-template-columns:48px minmax(0,1fr) auto 105px;background:#fff}
.case-live-chat-vignette{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 4px;background:#fff;color:#292519;min-width:0}
.case-live-chat-vignette img{display:block;width:64px;height:44px;object-fit:cover;border:1px solid #aaa59d}
.case-live-chat-vignette>span{font:600 10px/1.35 'Archivo',sans-serif}
.case-live-chat-vignette small{display:block;color:#625c53;font-size:9px;font-weight:400}
@media(max-width:760px){.case-live-composer{grid-template-columns:36px minmax(0,1fr) 48px 58px}.case-live-chat-vignette{padding:4px}.case-live-chat-vignette img{width:40px;height:38px}.case-live-chat-vignette>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.case-live-composer label{padding:8px}.case-live-composer input{font-size:16px}}
@media(max-width:1100px){.case-live-bar:has(.case-live-behind){grid-template-columns:minmax(0,1fr) auto 48px}.case-live-bar:has(.case-live-behind) .case-live-notice{display:none}}
@media(max-width:760px){.case-live-bar:has(.case-live-behind){grid-template-columns:minmax(0,1fr) 44px 48px}.case-live-behind span{display:none}.case-live-behind{padding:7px;font-size:21px}}