@media(max-width:719px) {
}

/* Header controls stay in the top band on every frame. */
.oneops-shell .shell-header {grid-template-columns:auto minmax(0,1fr) auto}
.oneops-shell .shell-header .shell-controls {justify-content:flex-end;justify-self:end;max-width:100%;width:auto;flex-wrap:wrap}
.oneops-shell .shell-wordmark {gap:var(--space-4);flex-wrap:wrap;min-width:0}
.oneops-shell .shell-header .shell-wordmark strong {white-space:nowrap}
.oneops-shell .shell-header .shell-wordmark span {display:inline}
.oneops-shell .kiosk-menu-item {display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--space-2)}
.oneops-shell .kiosk-menu-item strong {word-break:normal;overflow-wrap:normal;font-size:var(--text-body)}
.oneops-shell .kiosk-menu-badge {grid-column:2;justify-self:start;margin-left:0;max-width:100%}
@media(max-width:1100px) {
 .oneops-shell .shell-header {grid-template-columns:auto minmax(0,1fr)}
 .oneops-shell .shell-header .shell-controls {grid-column:1/-1;justify-self:end}
}
@media(max-width:719px) {
 .oneops-shell .shell-header {grid-template-columns:60px minmax(0,1fr)}
 .oneops-shell .shell-wordmark {gap:var(--space-1);letter-spacing:normal}
 .oneops-shell .shell-wordmark span {font-size:var(--text-kicker)}
 .oneops-shell .shell-header .shell-controls {justify-content:flex-end;width:100%}
 .oneops-shell .shell-controls .shell-segmented button {padding:var(--space-1) var(--space-2);font-size:var(--text-label)}
 .shell-unlock {padding:var(--space-4);margin:var(--space-2) auto}
}
.oneops-shell .shell-controls .shell-app-menu summary img {width:44px;height:44px}
.oneops-shell .kiosk-top-strip {display:grid;grid-template-columns:auto minmax(0,1fr) auto}
.kiosk-header-metadata {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}
@media(max-width:1100px) {
 .oneops-shell .kiosk-top-strip {grid-template-columns:auto minmax(0,1fr)}
 .oneops-shell .kiosk-top-strip .shell-controls {grid-column:1/-1;justify-self:end;width:auto;justify-content:flex-end}
}
@media(max-width:719px) {
 .oneops-shell .kiosk-top-strip {grid-template-columns:minmax(0,1fr)}
 .oneops-shell .kiosk-top-strip .shell-wordmark {justify-content:center}
}

/* ST-121-26: Victorian 3-rail desktop landing view (top band, light-blue context bar, 260px pillars, section cards, Needs You queue). */
.oneops-shell .shell-left-pillar,.oneops-shell .shell-right-pillar {display:flex;flex-direction:column}
.oneops-shell.is-slim .victorian-pillar {width:88px!important;min-width:88px!important;max-width:88px!important}
.oneops-shell[data-shell-frame=manager-desktop] .top-rail-sticky {background:linear-gradient(180deg,var(--tok-faf3e3) 0%,var(--entablature-coffer-1) 100%);border-bottom:2px solid var(--os-brass);padding-bottom:0}
.oneops-shell[data-shell-frame=manager-desktop] .utility-register {background:linear-gradient(90deg,var(--aqua-light) 0%,var(--tok-effafb) 50%,var(--aqua-light) 100%);border-top:1px solid var(--tok-ffffff);border-bottom:2px solid var(--os-brass);border-left:0;border-right:0;margin:0;padding:8px 18px;border-radius:0;box-shadow:inset 0 1px 0 var(--tok-ffffff);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.oneops-shell[data-shell-frame=manager-desktop]:not([data-shell-variant=corporate-tools]) .pillar-capital {flex-direction:column;height:auto;min-height:96px;margin:0;padding:10px 8px;background:linear-gradient(180deg,var(--tok-a8e4e5) 0%,var(--aqua) 68%,var(--tok-85d2d4) 100%);border-bottom:3px solid var(--os-brass);box-shadow:inset 0 2px 0 color-mix(in srgb,var(--tok-ffffff) 65%,transparent),inset 0 -2px 0 color-mix(in srgb,var(--tok-0d5c63) 18%,transparent)}
.oneops-shell[data-shell-frame=manager-desktop] .center-salon {height:auto;overflow:visible}
.desktop-outlet-lounge {display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}
.desktop-outlet-lounge .section-cabinets-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.desktop-outlet-lounge .cabinet-open-btn {text-decoration:none}
.desktop-outlet-lounge .cabinet-open-btn[aria-disabled=true] {opacity:.65;cursor:default}
.oneops-shell[data-shell-frame=manager-desktop] .ny-title a {color:inherit;text-decoration:none}
.oneops-shell[data-shell-frame=manager-desktop] .ny-actions form {margin:0;display:flex}
.oneops-shell[data-shell-frame=manager-desktop] .ny-actions form .ny-act-btn {width:100%}
.oneops-shell[data-shell-frame=manager-desktop] .ny-act-btn {text-decoration:none}
@media(max-width:1100px) {
 .desktop-outlet-lounge .section-cabinets-grid {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:719px) {
 .oneops-shell[data-shell-frame=manager-desktop] .shell-layout {display:flex;flex-direction:column;gap:var(--space-3)}
 .oneops-shell[data-shell-frame=manager-desktop] .victorian-pillar {display:flex;width:100%!important;min-width:0!important;max-width:100%!important;height:auto}
 .oneops-shell[data-shell-frame=manager-desktop] .utility-register {padding:var(--space-2) var(--space-4);flex-wrap:wrap}
 .oneops-shell[data-shell-frame=manager-desktop] .utility-left,.oneops-shell[data-shell-frame=manager-desktop] .utility-right {flex-wrap:wrap;width:100%}
 .oneops-shell[data-shell-frame=manager-desktop] .cmd-search,.oneops-shell[data-shell-frame=manager-desktop] .cmd-search input {width:100%}
}

/* ST-121-31: Kiosk Tablet skin (#kioskFrame) and Ground Phone skin (#mobileFrame) matching OPTION-1-ASK-112.html */
.kiosk-frame {display:flex;flex-direction:column;min-height:100vh;width:100%;background:linear-gradient(180deg,var(--ivory) 0%,var(--tok-f3e9d2) 100%);color:var(--ink)}
.oneops-shell[data-shell-frame=crew-phone] {background:linear-gradient(180deg,var(--tok-072a2d) 0%,var(--tok-083d42) 100%);min-height:100vh;display:flex;justify-content:center}
.kiosk-frame.vp-mobile {max-width:480px;width:100%;margin:0 auto;min-height:100vh;border-left:2px solid var(--gold);border-right:2px solid var(--gold);box-shadow:var(--shadow-luxury);padding-bottom:96px;position:relative}
.kiosk-app-header {display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);background:linear-gradient(180deg,var(--tok-a8e4e5) 0%,var(--aqua) 60%,var(--tok-75c8c9) 100%);border-bottom:3px solid var(--gold)}
.kiosk-header-brand {display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0}
.shell-brand {display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--ink)}
.header-logo-crest {width:42px;height:42px;border-radius:var(--radius-md);background:var(--ivory);border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;padding:var(--space-1);flex-shrink:0}
.header-logo-crest img {width:100%;height:100%;object-fit:contain}
.brand-arched-logo {display:flex;flex-direction:column;min-width:0}
.brand-arched-title {font:800 var(--text-body)/1.15 var(--font-serif);color:var(--ink);letter-spacing:.02em}
.brand-arched-sub {font:700 var(--text-kicker)/1.2 var(--font-mono);color:var(--teal);letter-spacing:.06em}
.dot-live {display:inline-block;width:8px;height:8px;border-radius:var(--radius-pill);background:var(--ok);flex-shrink:0}
.kiosk-header-right {display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-left:auto}
.kiosk-header-stats {display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}
.header-stat-box {display:flex;flex-direction:column;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--ivory);border:1px solid var(--gold)}
.val {font:800 var(--text-label)/1.2 var(--font-mono);color:var(--ink)}
.lbl {font:700 var(--text-kicker)/1.1 var(--font-sans);color:var(--ink-muted)}
.a11y-switch-bar {display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}
.shell-logout {min-height:40px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1.5px solid var(--gold);background:var(--ivory);color:var(--ink);font:700 var(--text-label) var(--font-sans);cursor:pointer}
.kiosk-l21-container {display:grid;grid-template-columns:var(--pillar-w) minmax(0,1fr);flex:1;min-height:0}
.oneops-shell[data-shell-variant=kiosk-signin] .kiosk-l21-container {grid-template-columns:minmax(0,1fr)}
.oneops-shell[data-shell-variant=kiosk-signin] .kiosk-left-rail {display:none}
.l21-left-rail {width:var(--pillar-w);min-width:var(--pillar-w);max-width:var(--pillar-w);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(180deg,var(--ivory) 0%,var(--tok-f3e9d2) 100%);border-right:2px solid var(--gold)}
.worker-profile-card {display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--ivory);border:1.5px solid var(--gold)}
.worker-avatar-box {width:48px;height:48px;border-radius:var(--radius-pill);background:var(--aqua);border:2px solid var(--gold);display:inline-flex;align-items:center;justify-content:center;font:800 var(--text-body) var(--font-sans);color:var(--ink);flex-shrink:0}
.worker-meta {display:flex;flex-direction:column;gap:2px;min-width:0}
.name-en {font:800 var(--text-label)/1.25 var(--font-sans);color:var(--ink)}
.name-hi {font:600 var(--text-kicker)/1.25 var(--font-sans);color:var(--ink-muted);margin:0}
.role-pill {display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--aqua-soft);color:var(--teal);font:700 var(--text-kicker) var(--font-sans)}
.l21-left-menu {display:flex;flex-direction:column;gap:var(--space-2)}
.l21-menu-label {font:800 var(--text-kicker)/1.2 var(--font-mono);color:var(--ink-muted);letter-spacing:.08em;margin:0 0 var(--space-1)}
.l21-menu-btn {display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);border:1.5px solid var(--gold);background:var(--ivory);color:var(--ink);text-decoration:none}
.l21-menu-btn.active {background:linear-gradient(180deg,var(--tok-cbeff0) 0%,var(--aqua) 100%);border-color:var(--teal)}
.l21-menu-left {display:flex;align-items:center;gap:var(--space-2);min-width:0}
.l21-menu-icon {width:36px;height:36px;border-radius:var(--radius-md);background:var(--aqua-soft);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.l21-menu-icon img {width:22px;height:22px;object-fit:contain}
.l21-menu-title {display:block;font:800 var(--text-label)/1.2 var(--font-sans);color:var(--ink)}
.l21-menu-sub {display:block;font:600 var(--text-kicker)/1.2 var(--font-sans);color:var(--ink-muted)}
.l21-menu-badge {padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--ivory);border:1px solid var(--gold);font:700 var(--text-kicker) var(--font-mono);color:var(--teal)}
.shift-progress-card {margin-top:auto;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--ivory);border:1.5px solid var(--gold);display:flex;flex-direction:column;gap:var(--space-2)}
.progress-title {font:800 var(--text-kicker)/1.2 var(--font-mono);color:var(--teal);letter-spacing:.06em}
.progress-bar-wrap {height:8px;border-radius:var(--radius-pill);background:var(--aqua-soft);overflow:hidden}
.progress-bar-fill {width:60%;height:100%;background:var(--teal);border-radius:var(--radius-pill)}
.progress-caption {font:600 var(--text-kicker)/1.2 var(--font-sans);color:var(--ink-muted)}
.l21-main-stage {padding:var(--space-5);min-width:0}
.level2-screen {display:flex;flex-direction:column;gap:var(--space-4)}
.salon-card {display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--ivory);border:1.5px solid var(--gold);box-shadow:var(--shadow-card)}
.salon-card-head {display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}
.heading-600 {font:800 var(--text-h2)/1.25 var(--font-serif);color:var(--ink);margin:0}
.body-subcopy {font:500 var(--text-label)/1.4 var(--font-sans);color:var(--ink-muted);margin:0}
.two-col-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.state-pill {display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font:800 var(--text-kicker)/1.2 var(--font-sans);border:1px solid var(--gold)}
.state-saved {background:var(--ok-bg);color:var(--ok);border-color:var(--tok-95cfa9)}
.state-unverified {background:var(--warn-bg);color:var(--warn);border-color:var(--amber-border)}
.state-refused {background:var(--danger-bg);color:var(--danger);border-color:var(--tok-fca5a5)}
.state-offline {background:var(--aqua-soft);color:var(--ink-muted);border-color:var(--gold)}
.ground-l1-body {padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.phone-needs-card {border-width:2px;border-color:var(--teal);background:linear-gradient(180deg,var(--ivory) 0%,var(--aqua-soft) 100%)}
.phone-needs-list {display:flex;flex-direction:column;gap:var(--space-2)}
.phone-needs-item {display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--ivory);border:1px solid var(--gold);color:var(--ink);text-decoration:none;font:700 var(--text-label) var(--font-sans)}
.l1-persona-banner {display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--tok-cbeff0) 0%,var(--aqua) 100%);border:2px solid var(--gold)}
.l1-persona-left {display:flex;align-items:center;gap:var(--space-3);min-width:0}
.l1-persona-avatar {width:48px;height:48px;border-radius:var(--radius-pill);background:var(--ivory);border:2px solid var(--gold);display:inline-flex;align-items:center;justify-content:center;font:800 var(--text-body) var(--font-sans);color:var(--ink);flex-shrink:0}
.l1-persona-title {display:block;font:800 var(--text-body)/1.25 var(--font-sans);color:var(--ink)}
.l1-persona-sub {display:block;font:600 var(--text-kicker)/1.3 var(--font-sans);color:var(--teal);margin:0}
.phone-section-bar {border-color:var(--gold)}
.phone-pill-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2)}
.phone-section-pill {display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-lg);border:1.5px solid var(--gold);background:var(--ivory);color:var(--ink);text-decoration:none}
.phone-pill-top {display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}
.phone-pill-meta {font:600 var(--text-kicker)/1.3 var(--font-sans);color:var(--ink-muted)}
.oneops-shell[data-shell-frame=crew-phone] .ground-bottom-footer-wrap.shell-phone-nav {display:flex!important;position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;z-index:100;padding:var(--space-2) var(--space-3);background:linear-gradient(180deg,var(--tok-a8e4e5) 0%,var(--aqua) 100%);border-top:3px solid var(--gold);box-shadow:var(--shadow-luxury)}
.ground-bottom-footer-wrap {display:flex;justify-content:center;width:100%}
.ground-bottom-pill-track {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-1);width:100%;align-items:center}
.ground-nav-item {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;padding:var(--space-1);border-radius:var(--radius-md);color:var(--ink);text-decoration:none;font:700 var(--text-kicker)/1.1 var(--font-sans);text-align:center}
.ground-nav-item.active {background:var(--ivory);border:1.5px solid var(--gold);color:var(--teal)}
.ground-nav-item[aria-disabled=true] {opacity:.6;cursor:default}
.nav-ico {display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-body);line-height:1}
.nav-ico img {width:20px;height:20px;object-fit:contain}
.nav-lbl {font:700 var(--text-kicker)/1.1 var(--font-sans)}
@media(max-width:900px) {
 .kiosk-l21-container {grid-template-columns:minmax(0,1fr)}
 .l21-left-rail {width:100%;min-width:0;max-width:100%;border-right:0;border-bottom:2px solid var(--gold)}
 .two-col-grid {grid-template-columns:minmax(0,1fr)}
}

/* ST-121-30: Corporate desktop skin per OPTION-1-ASK-112 Desktop and DESIGN-PHILOSOPHY (29 Oct) */
.shell-wordmark strong,.fascia-wordmark {white-space:nowrap}
.oneops-shell[data-shell-frame=manager-desktop] .top-rail-sticky {position:sticky;top:0;z-index:150}
.oneops-shell[data-shell-frame=manager-desktop] .victorian-entablature {grid-template-columns:var(--coffer-w,200px) minmax(0,1fr) var(--coffer-w,200px)}
.oneops-shell[data-shell-frame=manager-desktop] .right-coffer {position:relative}
.oneops-shell[data-shell-frame=manager-desktop] .right-coffer>summary {list-style:none;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.oneops-shell[data-shell-frame=manager-desktop] .right-coffer>summary::-webkit-details-marker {display:none}
.oneops-shell[data-shell-frame=manager-desktop] .utility-right .shell-logout {font:700 var(--text-label) var(--font-sans);color:var(--teal);background:var(--ivory);border:1px solid var(--gold);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);min-height:44px;cursor:pointer}
.oneops-shell[data-shell-frame=manager-desktop] .utility-right form {margin:0}
.oneops-shell[data-shell-frame=manager-desktop] .victorian-pillar {position:sticky;top:var(--desk-rail-h,150px);align-self:start;height:calc(100vh - var(--desk-rail-h,150px));display:flex;flex-direction:column}
.oneops-shell[data-shell-frame=manager-desktop] .victorian-pillar .pillar-shaft {flex:1;min-height:0;overflow-y:auto}
.oneops-shell[data-shell-frame=manager-desktop] .pillar-plinth {flex-shrink:0;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3)}
.oneops-shell[data-shell-frame=manager-desktop] .pillar-plinth .plinth-collapse-btn {flex:1}
.oneops-shell[data-shell-frame=manager-desktop] .pillar-plinth .plinth-gear-btn {text-decoration:none}
.oneops-shell[data-shell-frame=manager-desktop] .shell-phone-nav {display:none}
@media(max-width:1023px) {
 .oneops-shell[data-shell-frame=manager-desktop] .victorian-entablature {grid-template-columns:72px minmax(0,1fr) 72px}
 .oneops-shell[data-shell-frame=manager-desktop] .fascia-side {display:none}
 .oneops-shell[data-shell-frame=manager-desktop] .shell-layout {display:flex;flex-direction:column;gap:var(--space-3)}
 .oneops-shell[data-shell-frame=manager-desktop] .left-pillar {display:none}
 .oneops-shell[data-shell-frame=manager-desktop] .right-pillar {order:-1;position:static;height:auto;width:100%!important;max-width:100%!important}
 .oneops-shell[data-shell-frame=manager-desktop] .right-pillar .pillar-plinth {display:none}
 .oneops-shell[data-shell-frame=manager-desktop] .top-rail-sticky {position:static}
 .oneops-shell[data-shell-frame=manager-desktop] .utility-register {flex-direction:row-reverse}
 .oneops-shell[data-shell-frame=manager-desktop] .shell-workspace {padding-bottom:96px}
 .oneops-shell[data-shell-frame=manager-desktop] .shell-phone-nav {display:flex;position:fixed;left:0;right:0;bottom:0;z-index:160;justify-content:space-around;gap:var(--space-1);padding:var(--space-2);background:var(--aqua);border-top:2px solid var(--gold)}
}
.desktop-mobile-rail>a,.desktop-mobile-rail>span,.desktop-mobile-rail summary {min-width:64px;min-height:64px;display:inline-flex;align-items:center;justify-content:center;font:700 var(--text-label) var(--font-sans);color:var(--teal);text-decoration:none;cursor:pointer;list-style:none}
.desktop-mobile-rail>span[aria-disabled] {color:var(--ink-subtle)}
.desktop-mobile-rail .rail-more {position:relative}
.desktop-mobile-rail .rail-more>nav {position:absolute;right:0;bottom:100%;min-width:220px;display:flex;flex-direction:column;background:var(--ivory);border:2px solid var(--gold);border-radius:var(--radius-md);padding:var(--space-2)}
.desktop-mobile-rail .rail-more>nav a {min-height:48px;display:flex;align-items:center;padding:0 var(--space-3);color:var(--teal)}

/* ST-121-31 follow-up: kiosk header in one row, dark profile card, menu rows as OPTION-1-ASK-112 Kiosk Tablet; phone header rows as Ground Phone */
#kioskFrame .kiosk-app-header {flex-wrap:nowrap;gap:var(--space-2);padding:var(--space-2) var(--space-3)}
#kioskFrame .kiosk-app-header>.shell-wordmark {display:none}
#kioskFrame .kiosk-header-brand {flex-wrap:nowrap;gap:var(--space-2)}
#kioskFrame .kiosk-header-right {flex-wrap:nowrap;gap:var(--space-2)}
#kioskFrame .kiosk-outlet-pill {white-space:nowrap;font-size:var(--text-kicker)}
#kioskFrame .header-stat-box {padding:2px var(--space-2)}
#kioskFrame .header-stat-box .val {font-size:var(--text-label)}
#kioskFrame .a11y-switch-bar,#kioskFrame .a11y-switch-bar .shell-controls {flex-wrap:nowrap;gap:var(--space-1)}
#kioskFrame .worker-profile-card {background:linear-gradient(180deg,var(--teal) 0%,var(--teal-dark) 100%);border-color:var(--gold)}
#kioskFrame .worker-profile-card .name-en,#kioskFrame .worker-profile-card strong {color:var(--ivory)}
#kioskFrame .worker-profile-card .name-hi,#kioskFrame .worker-profile-card p {color:var(--aqua-light)}
#kioskFrame .kiosk-menu-item {display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}
#kioskFrame .l21-menu-left>div {min-width:0}
#kioskFrame .l21-menu-sub {display:block}
#kioskFrame .kiosk-menu-badge {grid-column:auto;margin-left:auto;flex-shrink:0;max-width:none;white-space:nowrap}
#mobileFrame .kiosk-app-header {flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:var(--space-2)}
#mobileFrame .kiosk-header-brand {flex-direction:column;align-items:flex-start;gap:var(--space-1)}
#mobileFrame .kiosk-header-right {margin-left:0;width:100%}
#mobileFrame .a11y-switch-bar,#mobileFrame .a11y-switch-bar .shell-controls {width:100%;flex-wrap:nowrap;justify-content:flex-start;gap:var(--space-1)}
#mobileFrame .shell-controls .shell-logout {margin-left:auto}
#kioskFrame .kiosk-app-header,#mobileFrame .kiosk-app-header {display:flex}
#kioskFrame .brand-arched-title {font-size:var(--text-body);white-space:nowrap}
#kioskFrame .brand-arched-sub {font-size:9px;white-space:nowrap}
#kioskFrame .header-logo-crest img {width:36px;height:36px}
#kioskFrame .header-stat-box .lbl {font-size:9px}
#kioskFrame .l21-menu-title {font-size:var(--text-body)}
#kioskFrame .l21-menu-sub {font-size:11px;line-height:1.3}
#kioskFrame .kiosk-menu-badge {font-size:10px;padding:2px 6px}
#mobileFrame .kiosk-outlet-pill {white-space:nowrap;font-size:11px}
#mobileFrame .brand-arched-sub {white-space:nowrap}
#kioskFrame .kiosk-outlet-pill>span:last-child {max-width:200px;overflow:hidden;text-overflow:ellipsis}

/* SCREEN-MAP C2: from 1024 to 1279 px the pillars start slim; shell.js applies is-slim so Collapse can still open them (MSG-243). */
/* SCREEN-MAP D4-D9, E3, C4: the Operations workspace. Kiosk view from 768 px with the top rail fixed and the menu rail fixed beside the scrolling centre; ground phone view below 768 px with the rail fixed at the bottom. */
.oneops-shell[data-shell-frame=kiosk] .ops-phone-rail {display:none}
#kioskFrame .kiosk-app-header {position:sticky;top:0;z-index:150}
@media(min-width:768px) {
 #kioskFrame .kiosk-left-rail {position:sticky;top:var(--kiosk-header-h,80px);align-self:start;max-height:calc(100vh - var(--kiosk-header-h,80px));overflow-y:auto}
}
@media(max-width:767px) {
 .oneops-shell[data-shell-frame=kiosk] .kiosk-left-rail {display:none}
 .oneops-shell[data-shell-frame=kiosk] .shell-layout {display:block;padding:var(--space-3)}
 .oneops-shell[data-shell-frame=kiosk] .ops-phone-rail {display:flex;position:fixed;left:0;right:0;bottom:0;z-index:160;padding:var(--space-2) var(--space-3);background:linear-gradient(180deg,var(--tok-a8e4e5) 0%,var(--aqua) 100%);border-top:3px solid var(--gold)}
 .oneops-shell[data-shell-frame=kiosk] .ops-phone-rail .ground-bottom-pill-track {grid-template-columns:repeat(4,minmax(0,1fr))}
 #kioskFrame {padding-bottom:96px}
 #kioskFrame .kiosk-app-header {flex-direction:column;align-items:stretch;position:static}
 #kioskFrame .kiosk-header-brand {flex-wrap:wrap}
 #kioskFrame .kiosk-header-right {margin-left:0;width:100%;flex-wrap:wrap}
 #kioskFrame .kiosk-header-stats {display:none}
}
/* Sticky needs no scrolling box between the rail and the page: clip, never hide, on the Operations frame. */
.oneops-shell[data-shell-frame=kiosk],.oneops-shell[data-shell-frame=kiosk] #kioskFrame {overflow:clip!important}
.oneops-shell[data-shell-frame=kiosk] .shell-layout {overflow:clip!important}

/* SCREEN-MAP C1 (MSG-243): the top rail fascia is cream with dark text, as MANAGER-DESKTOP-LANDING-ASK-112-FINAL_NEW; no dark fill or glow anywhere in the top rail. */
.oneops-shell .entablature-fascia {box-shadow:inset 0 0 0 3px var(--panel-recess),inset 0 0 0 4px color-mix(in srgb, var(--tok-ad8a54) 34%, transparent),inset 0 0 32px color-mix(in srgb, var(--alabaster) 85%, transparent);background:linear-gradient(180deg,var(--panel-recess) 0%,var(--alabaster) 100%)}
.oneops-shell .fascia-side {font-size:14px;font-weight:700;color:var(--ink);text-shadow:none}
.oneops-shell .fascia-wordmark {font-family:var(--font-serif);font-weight:800;color:var(--ink);text-shadow:none}

/* SCREEN-MAP C1, C2, C5 (MSG-243): pillars open full (260 px) from 1280 px and start slim (88 px) from 1024 to 1279 px; shell.js sets is-slim, and either Collapse button opens or collapses both pillars at any width. */
.oneops-shell.is-slim .pillar-capital {min-height:76px;padding:6px 2px}
.oneops-shell.is-slim .capital-wordmark {font-size:11px;letter-spacing:0.06em}
.oneops-shell.is-slim .capital-sub {font-size:8.5px;letter-spacing:0.04em}
.oneops-shell.is-slim .pillar-shaft {margin:8px 6px;padding:8px 4px;align-items:center}
.oneops-shell.is-slim .pillar-nav-scroll {align-items:center;width:100%}
.oneops-shell.is-slim .nav-item {width:100%;flex-direction:column;justify-content:center;gap:3px;padding:7px 2px;min-height:52px;position:relative}
.oneops-shell.is-slim .nav-item-left {flex-direction:column;gap:2px}
.oneops-shell.is-slim .nav-lbl {font-size:10px;font-weight:800;text-align:center;max-width:66px;white-space:normal;overflow:visible;text-overflow:clip}
.oneops-shell.is-slim .nav-badge {position:absolute;top:3px;right:3px;font-size:9.5px;padding:1px 5px}
.oneops-shell.is-slim .nav-item[aria-disabled] .nav-badge {display:none}
.oneops-shell.is-slim .ny-filter-row,.oneops-shell.is-slim .ny-list,.oneops-shell.is-slim .dr-rbody {display:none}
.oneops-shell.is-slim .ny-slim-stack {display:flex}
.oneops-shell.is-slim .pillar-plinth {flex-direction:column;height:auto;padding:8px 6px;justify-content:center;gap:6px}
.oneops-shell.is-slim .plinth-gear-btn {display:none}
.oneops-shell.is-slim .plinth-collapse-btn .collapse-text {display:none}
.nav-ico {width:20px;height:20px;flex:0 0 auto}
.ny-slim-stack {display:none;flex-direction:column;gap:8px;width:100%;align-items:center;padding:var(--space-2) 0}
.ny-slim-pill {width:64px;min-height:54px;border-radius:12px;border:1.5px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:800 10px var(--font-sans);cursor:pointer;background:var(--ivory)}
.ny-slim-pill strong {font-size:16px}
.ny-slim-pill.crit {border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}
.ny-slim-pill.verify {border-color:var(--warn);background:var(--warn-bg);color:var(--warn)}
.ny-slim-pill.today {border-color:var(--teal);background:var(--aqua-light);color:var(--teal-dark)}

/* SCREEN-MAP A1-A3 (MSG-244, OWNER-1738-2): the landing header is one cream bar; crown home link and HARLEY'S OneOps on the left, EN | हिन्दी and Read Aloud | OFF on the right. */
.oneops-shell .shell-header.landing-bar {display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin:var(--space-4) var(--space-5) 0;padding:var(--space-3) var(--space-4);border:2px solid var(--gold);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--ivory) 0%,var(--panel-recess) 100%);box-shadow:var(--shadow-wainscot)}
.landing-bar .landing-brand {display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--teal-dark);min-width:0}
.landing-bar .landing-logo {width:52px;height:52px;flex:0 0 52px;border-radius:50%;border:2px solid var(--gold);background:var(--ivory);display:flex;align-items:center;justify-content:center;overflow:hidden}
.landing-bar .landing-logo img {width:36px;height:36px;object-fit:contain}
.landing-bar .landing-brand strong {font-family:var(--font-serif);font-size:26px;font-weight:600;letter-spacing:0.02em;white-space:nowrap}
.landing-bar .shell-controls {display:flex;align-items:center;gap:var(--space-3);margin-left:auto;flex-wrap:wrap}
@media(max-width:719px) {
 .oneops-shell .shell-header.landing-bar {margin:var(--space-3) var(--space-3) 0;padding:var(--space-2) var(--space-3)}
 .landing-bar .landing-brand strong {font-size:20px}
 .landing-bar .landing-logo {width:44px;height:44px;flex-basis:44px}
 .landing-bar .shell-controls {margin-left:0;width:100%}
}
/* SCREEN-MAP C3/C7/C8: the Corporate door keeps its frame at every width. */
.corporate-phone-top,.corporate-phone-content {display:none}
@media(max-width:1023px) {
 .oneops-shell[data-shell-frame=manager-desktop] {max-width:100%;overflow-x:clip}
 .oneops-shell[data-shell-frame=manager-desktop] .top-rail-sticky,
 .oneops-shell[data-shell-frame=manager-desktop] .victorian-pillar {display:none}
 .oneops-shell[data-shell-frame=manager-desktop] .shell-layout {display:block;min-width:0;max-width:100%}
 .oneops-shell[data-shell-frame=manager-desktop] .shell-workspace {width:100%;min-width:0;padding:var(--space-4);padding-bottom:calc(var(--space-8) * 3 + env(safe-area-inset-bottom));overflow-x:clip}
 .oneops-shell[data-shell-frame=manager-desktop] .corporate-phone-top {display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:var(--aqua-light);border-bottom:1px solid var(--gold)}
 .corporate-phone-top img {display:block;width:calc(var(--space-8) * 2);height:var(--space-8);object-fit:contain}
 .corporate-phone-top form,.corporate-actions form {margin:0}
 .corporate-phone-top button,.corporate-heading button,.corporate-actions button,.corporate-actions a {font:700 var(--text-label) var(--font-sans);color:var(--teal);background:var(--card-white);border:1px solid var(--teal);border-radius:var(--radius-sm);padding:var(--space-2);cursor:pointer}
 .corporate-phone-content {display:flex;flex-direction:column;gap:var(--space-4);min-width:0;font:var(--text-body)/1.45 var(--font-sans);margin-bottom:var(--space-6)}
 .corporate-phone-content h2 {font:700 var(--text-h3) var(--font-serif)}
 .corporate-phone-content a {color:var(--teal)}
 .corporate-heading {display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}
 .corporate-heading button {flex-shrink:0}
 .corporate-needs-band {display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--gold)}
 .corporate-needs-band[hidden],.corporate-needs-band [hidden] {display:none}
 .corporate-needs-band article p {display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);min-width:0}
 .corporate-needs-band article strong {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
 .corporate-status,.corporate-count {border-radius:var(--radius-pill);padding:var(--space-1) var(--space-2);font-size:var(--text-kicker);font-weight:700;background:var(--teal);color:var(--card-white);flex-shrink:0}
 .corporate-status[data-tone=crit] {background:var(--danger)}
 .corporate-status[data-tone=verify] {background:var(--warn)}
 .corporate-actions {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
 .corporate-actions>* {min-width:0}
 .corporate-actions button,.corporate-actions a {min-height:calc(var(--space-7) * 2);width:100%;display:flex;align-items:center;justify-content:center;text-decoration:none}
 .corporate-actions .corporate-primary {background:var(--teal);color:var(--card-white)}
 .corporate-more {align-self:flex-start}
 .corporate-lounge-bar {background:var(--aqua);padding:var(--space-3);border-radius:var(--radius-sm);font:700 var(--text-h2) var(--font-serif)}
 .corporate-lounge-title {display:grid;grid-template-columns:var(--space-8) minmax(0,1fr);align-items:center;column-gap:var(--space-3)}
 .corporate-lounge-title .corporate-crown {grid-row:span 2;width:var(--space-8);height:var(--space-8);object-fit:contain}
 .corporate-lounge-title h1 {font:700 var(--text-h1) var(--font-serif)}
 .corporate-lounge-title>span {grid-column:2;font-size:var(--text-label)}
 .corporate-needs-list {list-style:none;background:var(--card-white);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow:hidden}
 .corporate-needs-list li {display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}
 .corporate-needs-list li:last-child {border-bottom:0}
 .corporate-needs-list li>div {flex:1;min-width:0}
 .corporate-needs-list small {display:block;font-size:var(--text-label);color:var(--ink-muted)}
 .corporate-needs-list a {flex-shrink:0;font-size:var(--text-label)}
 .oneops-shell[data-shell-frame=manager-desktop] .section-cabinets-grid {grid-template-columns:minmax(0,1fr)}
 .oneops-shell[data-shell-frame=manager-desktop] .cabinet-header,.oneops-shell[data-shell-frame=manager-desktop] .salon-header {flex-wrap:wrap}
 .oneops-shell[data-shell-frame=manager-desktop] .desktop-mobile-rail {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:var(--space-2);right:var(--space-2);bottom:var(--space-2);gap:0;padding:var(--space-2);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));border:1px solid var(--gold);border-radius:var(--radius-lg);background:var(--aqua-light)}
 .oneops-shell[data-shell-frame=manager-desktop] .desktop-mobile-rail>a,
 .oneops-shell[data-shell-frame=manager-desktop] .desktop-mobile-rail>span,
 .oneops-shell[data-shell-frame=manager-desktop] .desktop-mobile-rail summary {display:flex;flex-direction:column;gap:var(--space-1);min-width:0;width:100%;min-height:calc(var(--space-7) * 2);padding:var(--space-1);border:0;background:transparent;border-radius:var(--radius-md);font-size:var(--text-kicker);line-height:1.45}
 .desktop-mobile-rail>a>span:first-child,.desktop-mobile-rail>span>span:first-child,.desktop-mobile-rail summary>span:first-child {font-size:var(--text-h3)}
 .oneops-shell[data-shell-frame=manager-desktop] .desktop-mobile-rail [aria-current=page] {background:var(--card-white);border-radius:var(--radius-pill)}
 .desktop-mobile-rail .rail-more {min-width:0}
 .desktop-mobile-rail .rail-more:not([open])>nav {display:none}
 .desktop-mobile-rail .rail-more>nav {max-width:calc(100vw - var(--space-8));max-height:60vh;overflow-y:auto}
}

.corporate-crown {width:var(--space-6);height:var(--space-6);color:var(--gold);flex-shrink:0}

/* D6 / D7: one Manager card follows the Operations workspace at every width. */
[data-shell-frame="kiosk"] .ops-manager-card {box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin-bottom:var(--space-4);padding:var(--space-5);border:2px solid var(--os-brass);border-radius:var(--radius-lg);background:var(--card-white);color:var(--teal-dark);font-family:var(--font-sans);font-size:var(--text-body);overflow-wrap:anywhere}
.ops-manager-heading,.ops-manager-code-row,.ops-manager-needs {display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);min-width:0}
.ops-manager-card h2 {margin:0;font:700 var(--text-h2) var(--font-sans)}
.ops-manager-card p {margin:var(--space-3) 0;font-size:var(--text-label)}
.ops-manager-role,.ops-manager-count {padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--aqua-light);font:700 var(--text-label) var(--font-sans)}
.ops-manager-code {font:700 var(--text-h1) var(--font-mono);max-width:100%}
.ops-manager-card .btn-64 {box-sizing:border-box;min-height:calc(var(--space-7) + var(--space-7));max-width:100%;white-space:normal;text-align:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font:700 var(--text-body) var(--font-sans)}
.ops-manager-needs {margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}
.ops-manager-count {font-size:var(--text-h2)}
.ops-manager-card [hidden] {display:none!important}
@media(max-width:767px) {
  [data-shell-frame="kiosk"] .ops-manager-card {padding:var(--space-4)}
  .ops-manager-code-row .btn-64 {width:100%}
}

/* ST-121-43 / SCREEN-MAP D4, D5, D9: width owns the Operations view.
   Intrinsic minimums must yield before the viewport; controls wrap as groups. */
#kioskFrame,#mobileFrame {min-width:0;max-width:100%;height:auto;max-height:none;border-radius:var(--radius-lg)}
#kioskFrame *,#mobileFrame * {min-width:0;max-width:100%;overflow-wrap:anywhere}
#kioskFrame .kiosk-app-header {background:linear-gradient(180deg,var(--tok-a8e4e5),var(--aqua));display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "stats stats";white-space:normal}
#kioskFrame .kiosk-header-brand {grid-area:brand;flex:1 1 auto;flex-shrink:1;flex-wrap:wrap}
#kioskFrame .kiosk-brand {flex:0 1 auto;gap:var(--space-2);flex-wrap:nowrap}
#kioskFrame .brand-arched-logo {flex-shrink:1}
#kioskFrame .brand-arched-title {font-size:var(--text-label);white-space:normal}
#kioskFrame .brand-arched-sub {font-size:var(--text-kicker);white-space:normal}
#kioskFrame .header-logo-crest {width:var(--space-7);height:var(--space-7)}
#kioskFrame .header-logo-crest img {width:100%;height:100%}
#kioskFrame .kiosk-outlet-pill,#mobileFrame .kiosk-outlet-pill {flex:1 1 calc(var(--space-8) * 3);min-width:0;max-width:100%;gap:var(--space-1)}
#kioskFrame .kiosk-outlet-pill>span:last-child,#mobileFrame .kiosk-outlet-pill>span:last-child {display:block;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#kioskFrame .kiosk-header-right {grid-area:actions;min-width:0;flex-shrink:1;margin-left:0}
#kioskFrame .kiosk-header-stats {grid-area:stats;justify-content:flex-end;flex-wrap:wrap}
#kioskFrame .kiosk-stat {margin-left:0}
#kioskFrame .header-stat-box .lbl {font-size:var(--text-kicker)}
#kioskFrame .a11y-switch-bar,#kioskFrame .a11y-switch-bar .shell-controls,
#mobileFrame .a11y-switch-bar,#mobileFrame .a11y-switch-bar .shell-controls {min-width:0;flex-shrink:1;flex-wrap:wrap;gap:var(--space-1);margin-left:0}
#kioskFrame .shell-controls .shell-segmented,#mobileFrame .shell-controls .shell-segmented {flex-wrap:nowrap;flex:0 1 auto;gap:var(--space-1)}
#kioskFrame .shell-controls button,#mobileFrame .shell-controls button {min-height:calc(var(--space-6) * 2)!important;padding:var(--space-1) var(--space-2);font-size:var(--text-kicker);white-space:nowrap}
#kioskFrame .shell-workspace,#mobileFrame .shell-workspace {width:100%;min-width:0}
#kioskFrame .shell-workspace :is(article,section,form,fieldset,table,pre),
#mobileFrame .shell-workspace :is(article,section,form,fieldset,table,pre) {min-width:0;max-width:100%;white-space:normal}
#kioskFrame .shell-workspace table,#mobileFrame .shell-workspace table {display:table;table-layout:fixed;width:100%}
#kioskFrame .shell-workspace :is(.table-wrap,.table-scroll,pre),
#mobileFrame .shell-workspace :is(.table-wrap,.table-scroll,pre) {overflow-x:visible;overflow-wrap:anywhere;white-space:pre-wrap}
@media(min-width:768px) {
 .oneops-shell[data-shell-frame=kiosk] .shell-layout {display:grid;grid-template-columns:var(--pillar-w) minmax(0,1fr);gap:var(--space-3);padding:var(--space-3)}
 #kioskFrame .kiosk-left-rail {width:100%;min-width:0;max-width:100%;top:var(--kiosk-header-h,calc(var(--space-8) * 4));max-height:calc(100vh - var(--kiosk-header-h,calc(var(--space-8) * 4)))}
 #kioskFrame .kiosk-menu-item {flex-wrap:wrap}
 #kioskFrame .l21-menu-left {flex:1 1 100%}
 #kioskFrame .l21-menu-title {font-size:var(--text-label);word-break:normal;overflow-wrap:normal;white-space:normal}
 #kioskFrame .l21-menu-sub {font-size:var(--text-kicker);white-space:normal}
}
@media(min-width:768px) and (max-width:1023px) {
 .oneops-shell[data-shell-frame=kiosk] {--pillar-w:88px}
 #kioskFrame .kiosk-left-rail {padding:var(--space-2)}
 #kioskFrame .kiosk-menu-item {padding:var(--space-2)}
 #kioskFrame .worker-profile-card {flex-wrap:wrap;padding:var(--space-2)}
 #kioskFrame .l21-main-stage {padding:var(--space-2)}
 #kioskFrame :is(.two-col-grid,.kiosk-section-grid) {grid-template-columns:minmax(0,1fr)}
}
@media(min-width:1280px) {
 #kioskFrame .kiosk-app-header {grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand stats actions"}
 #kioskFrame .header-logo-crest {width:var(--space-8);height:var(--space-8)}
 #kioskFrame .brand-arched-title {font-size:var(--text-body)}
}
@media(max-width:767px) {
 #kioskFrame .kiosk-app-header {display:flex;flex-direction:column;align-items:stretch}
 #kioskFrame .kiosk-header-brand {flex-direction:column;align-items:flex-start}
 #kioskFrame .kiosk-outlet-pill,#mobileFrame .kiosk-outlet-pill {flex:0 1 auto}
 #kioskFrame .kiosk-header-stats {display:none}
 #kioskFrame .kiosk-header-right,#mobileFrame .kiosk-header-right {width:100%}
 #kioskFrame .shell-controls,#mobileFrame .shell-controls {width:100%;justify-content:flex-start}
 #kioskFrame .shell-layout,#kioskFrame .shell-workspace {padding:var(--space-2)}
 #kioskFrame :is(.two-col-grid,.kiosk-section-grid) {grid-template-columns:minmax(0,1fr)}
 #kioskFrame .ops-phone-rail {width:100%;max-width:100%;flex-wrap:nowrap}
 #kioskFrame .ops-phone-rail .ground-bottom-pill-track {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
 #kioskFrame .ops-phone-rail .ground-nav-item {min-width:0;padding:var(--space-1);white-space:normal}
 #kioskFrame .ops-phone-rail .nav-lbl {white-space:normal;font-size:var(--text-kicker)}
}

@media(min-width:768px) {
 .oneops-shell[data-shell-variant=kiosk-signin] #kioskFrame .shell-layout {grid-template-columns:minmax(0,1fr)}
}

/* SCREEN-MAP C3: the Needs you status chips are filled with light text (OWNER-1730-2); older [data-tone] chip rules must not repaint them. */
.oneops-shell[data-shell-frame=manager-desktop] .corporate-status {color:var(--card-white)!important;border:0!important;box-shadow:none!important;background:var(--teal)!important}
.oneops-shell[data-shell-frame=manager-desktop] .corporate-status[data-tone=crit] {background:var(--danger)!important}
.oneops-shell[data-shell-frame=manager-desktop] .corporate-status[data-tone=verify] {background:var(--warn)!important}

/* SCREEN-MAP C6: one banner at the start of the Corporate centre column. */
.shell-timeout-banner {display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-4);width:100%;max-width:100%;min-width:0;box-sizing:border-box;background:var(--gold-soft);color:var(--ink);border:1px solid var(--gold);border-radius:var(--radius-sm);font:var(--text-body)/1.45 var(--font-sans);overflow-wrap:anywhere}
.shell-timeout-banner span {min-width:0}
.shell-timeout-banner button {min-height:calc(var(--space-7) * 2);min-width:calc(var(--space-7) * 2);padding:var(--space-2) var(--space-4);border:1px solid var(--teal);border-radius:var(--radius-sm);background:var(--ivory);color:var(--teal);font:700 var(--text-body) var(--font-sans);cursor:pointer}
@media(max-width:1023px) {
 .shell-timeout-banner {flex-wrap:wrap}
}

/* SCREEN-MAP E2: Owner's roster wall and always-visible PIN dock. */
#screen-l2 .kiosk-l2-split {align-items:stretch;overflow:visible}
#screen-l2 .l2-left-wall {padding:var(--space-4);border-right:0;overflow:visible}
#screen-l2 .l2-filter-row {gap:var(--space-3);margin-bottom:var(--space-3)}
#screen-l2 .dept-pills-wrap {gap:var(--space-1)}
#screen-l2 .dept-filter-pill {gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-pill);font:700 var(--text-kicker) var(--font-sans);background:var(--tok-ffffff);color:var(--ink)}
#screen-l2 .dept-filter-pill[aria-selected=true] {background:var(--teal);color:var(--ivory)}
#screen-l2 [data-team-label] {display:inline;color:inherit}
#screen-l2 .dept-count-badge {padding:0 var(--space-1);font:700 var(--text-kicker) var(--font-mono);border-radius:var(--radius-pill)}
#screen-l2 .dept-filter-pill[aria-selected=true] .dept-count-badge {background:var(--tok-4a6b6e);color:var(--ivory)}
#screen-l2 [data-crew-search] {flex:0 1 calc(var(--space-8) * 5);font:600 var(--text-label) var(--font-sans);border-color:var(--border-subtle)}
#screen-l2 .l2-instruction-banner {padding:var(--space-3);border-radius:var(--radius-sm);gap:var(--space-2);font-size:var(--text-kicker);margin:0 0 var(--space-3)}
#screen-l2 [data-roster-active] {font:700 var(--text-kicker) var(--font-mono);white-space:nowrap;margin-left:auto}
#screen-l2 .l2-crew-grid {gap:var(--space-3);align-content:start}
#screen-l2 .crew-card {padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);background:var(--tok-ffffff);gap:var(--space-1)}
#screen-l2 .crew-card.selected {background:var(--tok-f2fbfb);border-color:var(--teal)}
#screen-l2 .crew-card strong {font:800 var(--text-label)/1.3 var(--font-sans)}
#screen-l2 .crew-avatar-circle {width:calc(var(--space-8) * 1.5);height:calc(var(--space-8) * 1.5);overflow:visible;border-radius:var(--radius-pill);margin-bottom:var(--space-2);font:800 var(--text-label) var(--font-sans)}
#screen-l2 .shift-status-dot {width:var(--space-3);height:var(--space-3);border-radius:var(--radius-pill)}
#screen-l2 .crew-station-tag {padding:var(--space-1) var(--space-2);margin-top:var(--space-1);font:800 var(--text-kicker) var(--font-sans);background:var(--tok-efeae1);color:var(--ink-muted);border-radius:var(--radius-pill)}
#screen-l2 .l2-right-dock {padding:var(--space-5);justify-content:flex-start;gap:var(--space-2);background:var(--tok-ffffff)}
#screen-l2 .dock-person-header {padding-bottom:var(--space-3)}
#screen-l2 .dock-person-header .kiosk-avatar {width:calc(var(--space-8) * 1.5);height:calc(var(--space-8) * 1.5);border-radius:var(--radius-pill);border:var(--space-1) solid var(--gold);background:var(--teal);color:var(--ivory);font:700 var(--text-h2) var(--font-serif)}
#screen-l2 .dock-person-header small {display:inline-block;margin-top:var(--space-2);font-size:var(--text-kicker);background:var(--cream-pill);color:var(--ink-muted)}
#screen-l2 #pin-form {flex:1;display:flex;flex-direction:column;gap:var(--space-2)}
#screen-l2 :is(.dock-camera-box,.dock-camera-empty) {position:relative;min-height:calc(var(--space-8) * 2);height:auto;margin:var(--space-2) 0;padding:var(--space-3);border:1px solid var(--aqua);border-radius:var(--radius-md);background:var(--teal);color:var(--ivory);font:600 var(--text-label) var(--font-sans)}
#screen-l2 .dock-camera-box :is(video,canvas) {height:var(--space-8);border-radius:var(--radius-sm)}
#screen-l2 .camera-ready-pill {border-radius:var(--radius-sm);padding:var(--space-1);font:700 var(--text-kicker) var(--font-mono);background:var(--tok-062326);color:var(--pulse-green-bright)}
#screen-l2 :is(#pin-selfie-status,#pin-start-status) {margin:0;font-size:var(--text-kicker)}
#screen-l2 .dock-pin-dots {gap:var(--space-3);margin:var(--space-2) 0}
#screen-l2 .pin-dot {width:var(--space-3);height:var(--space-3);border-radius:var(--radius-pill)}
#screen-l2 #pin-input {position:absolute;width:1px;height:1px;min-height:0;padding:0;border:0;clip-path:inset(50%)}
#screen-l2 .dock-keypad-grid {gap:var(--space-2);margin:0 0 var(--space-3)}
#screen-l2 .dock-keypad-grid button {height:calc(var(--space-7) * 1.5);min-height:calc(var(--space-7) * 1.5);border-color:var(--border-subtle);border-radius:var(--radius-sm);background:var(--tok-ffffff)}
#screen-l2 .dock-keypad-grid .enter-btn {background:var(--teal);color:var(--ivory)}
#screen-l2 .dock-cta-btn {margin-top:auto;min-height:calc(var(--space-7) * 1.5);padding:var(--space-3);border-radius:var(--radius-md);font:800 var(--text-label) var(--font-sans)}
#screen-l2 .dock-footer-links {margin-top:var(--space-2);gap:var(--space-2);font:700 var(--text-kicker) var(--font-sans)}
#screen-l2 .dock-footer-links a {color:var(--ink-muted)}
@media(min-width:768px) and (max-width:1023px) {
 #screen-l2 .l2-left-wall,#screen-l2 .l2-right-dock {padding:var(--space-3)}
 #screen-l2 .l2-instruction-banner {flex-wrap:wrap}
 #screen-l2 .crew-card strong {font-size:var(--text-kicker)}
}
#screen-l2 .crew-avatar-circle img {border-radius:var(--radius-pill)}
#screen-l2 .dock-footer-links summary {cursor:pointer;text-decoration:underline;color:var(--ink-muted)}
#screen-l2 .dock-footer-links details[open] {flex-basis:100%;font-size:var(--text-label)}

/* ST-121-46: Owner L2.1 composition, using the shared token scale. */
#kioskFrame .header-logo-crest {flex:0 0 var(--space-8);width:var(--space-8);height:var(--space-8);border-radius:var(--radius-pill);overflow:hidden;display:grid;place-items:center;background:var(--ivory)}
#kioskFrame .header-logo-crest img {display:block;width:100%;height:100%;object-fit:contain}
#kioskFrame .kiosk-header-brand {flex-wrap:nowrap}
#kioskFrame .brand-arched-title {font:800 var(--text-body)/1.2 var(--font-serif);white-space:nowrap}
#kioskFrame .brand-arched-sub {font:700 var(--text-kicker)/1.2 var(--font-sans)}
#kioskFrame .kiosk-header-stats {flex-wrap:nowrap;gap:var(--space-2)}
#kioskFrame .kiosk-header-right .shell-controls {margin:0;gap:var(--space-1)}
#kioskFrame .kiosk-header-right .shell-control-speaker {display:none}
#kioskFrame .kiosk-left-rail {background:var(--card-white);border:var(--space-1) double var(--gold);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-3)}
#kioskFrame .worker-profile-card {border-radius:var(--radius-md);padding:var(--space-3);flex-wrap:wrap}
#kioskFrame .worker-profile-card .worker-meta {flex:1 1 0;min-width:0}
#kioskFrame .worker-profile-card .name-en {white-space:normal;overflow-wrap:normal;word-break:normal}
#kioskFrame .worker-profile-card [data-switch-staff-form] {flex:0 0 100%;width:100%;margin:0}
#kioskFrame .worker-profile-card [data-switch-staff] {width:100%;white-space:normal}
#kioskFrame .worker-avatar-box {width:calc(var(--space-6) * 2);height:calc(var(--space-6) * 2);background:var(--gold);color:var(--ivory);border-color:var(--ivory);font-family:var(--font-serif)}
#kioskFrame .kiosk-role-pill {background:var(--teal-light);color:var(--ivory);border:1px solid var(--gold);align-self:flex-start}
#kioskFrame .l21-left-menu {gap:var(--space-2)}
#kioskFrame .l21-menu-label {margin:var(--space-2) 0;font-size:var(--text-kicker)}
#kioskFrame .kiosk-menu-item {flex-wrap:nowrap;margin-bottom:0;min-height:calc(var(--space-8) + var(--space-4));padding:var(--space-2);gap:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--ivory-canvas)}
#kioskFrame .l21-menu-left {flex:1 1 auto;overflow:hidden}
#kioskFrame .l21-menu-icon {flex:0 0 var(--space-7);width:var(--space-7);height:var(--space-7);border-radius:var(--radius-sm);background:var(--card-white)}
#kioskFrame .l21-menu-title {font-size:var(--text-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#kioskFrame .l21-menu-sub {font-size:var(--text-kicker);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#kioskFrame .kiosk-menu-badge {font:800 var(--text-kicker)/1.2 var(--font-mono);padding:var(--space-1) var(--space-2);border:0;background:var(--aqua-light);max-width:calc(var(--space-8) * 2);white-space:normal;overflow-wrap:normal;text-align:center}
#kioskFrame .kiosk-menu-item.active {background:var(--teal);border-color:var(--gold)}
#kioskFrame .kiosk-menu-item.active :is(.l21-menu-title,.l21-menu-sub) {color:var(--ivory)}
#kioskFrame .kiosk-menu-item.active .kiosk-menu-badge {background:var(--aqua);color:var(--teal-dark)}
#kioskFrame .kiosk-menu-badge.alert {background:var(--rail-badge-red);color:var(--ivory);border-radius:var(--radius-pill)}
#kioskFrame .shift-progress-card {margin-top:auto;border:1px solid var(--border-subtle);border-left:var(--space-1) solid var(--teal);background:var(--ivory-canvas);border-radius:var(--radius-sm)}
#kioskFrame :is(.shift-progress-head,.progress-caption) {display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font:700 var(--text-kicker)/1.2 var(--font-sans)}
#kioskFrame .l21-main-stage {display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2)}
#kioskFrame .kiosk-top-tiles {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}
#kioskFrame .kiosk-briefing-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
@media(min-width:768px) {
 .oneops-shell[data-shell-frame=kiosk] {--pillar-w:88px}
 #kioskFrame .kiosk-left-rail {height:calc(100dvh - var(--kiosk-header-h,calc(var(--space-8) * 3)) - var(--space-6));overflow-y:auto}
}
@media(min-width:1024px) {
 #kioskFrame .kiosk-app-header {grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand stats actions";gap:var(--space-2)}
 #kioskFrame .kiosk-brand {flex-shrink:0}
 #kioskFrame .kiosk-outlet-pill {flex:1 1 0;padding:var(--space-1) var(--space-2)}
 #kioskFrame .shell-controls {flex-wrap:nowrap}
 #kioskFrame .shell-controls .shell-segmented {gap:0;padding:var(--space-1)}
 #kioskFrame .shell-controls button {padding:var(--space-1);font-size:var(--text-kicker)}
 #kioskFrame .shell-controls .shell-logout {padding:var(--space-1) var(--space-2);font-size:var(--text-kicker)}
}
@media(min-width:768px) and (max-width:1023px) {
 #kioskFrame .kiosk-app-header {grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand brand" "stats actions"}
}
@media(max-width:767px) {
 #kioskFrame .kiosk-top-tiles {grid-template-columns:repeat(2,minmax(0,1fr))}
 #kioskFrame .kiosk-briefing-row {grid-template-columns:minmax(0,1fr)}
}

/* ST-121-57: L2.1 rail and content share the same viewport row. */
#kioskFrame .kiosk-left-rail {margin:0;justify-content:flex-start}
#kioskFrame .l21-main-stage {padding:0}
#kioskFrame .kiosk-lounge {display:flex;flex-direction:column;gap:var(--space-3)}
#kioskFrame .kiosk-top-tiles {grid-template-columns:repeat(2,minmax(0,1fr))}
#kioskFrame .l21-menu-left {overflow:visible}
#kioskFrame .l21-menu-title,#kioskFrame .l21-menu-sub {white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal}
@media(min-width:768px) {
 #kioskFrame {height:100dvh;display:flex;flex-direction:column}
 #kioskFrame .kiosk-app-header {flex-shrink:0;position:relative}
 .oneops-shell[data-shell-frame=kiosk] #kioskFrame .shell-layout {flex:1;min-height:0;align-items:stretch;overflow:hidden!important}
 #kioskFrame .kiosk-left-rail {position:relative;top:auto;align-self:stretch;height:100%;max-height:100%;overflow-y:auto}
 #kioskFrame .l21-main-stage {height:100%;overflow-y:auto}
 #kioskFrame .kiosk-left-rail>* {flex-shrink:0}
 .oneops-shell[data-shell-frame=kiosk] {--pillar-w:88px}
}
@media(min-width:1024px) {
 #kioskFrame .kiosk-top-tiles {grid-template-columns:repeat(4,minmax(0,1fr))}
 #kioskFrame .kiosk-top-tile {gap:var(--space-2);padding:var(--space-2)}
 #kioskFrame .kiosk-top-tile strong {font-size:var(--text-kicker);white-space:nowrap;overflow-wrap:normal}
}
@media(min-width:768px) and (max-width:1023px) {
 #kioskFrame .kiosk-briefing-row {grid-template-columns:repeat(2,minmax(0,1fr))}
}
#kioskFrame .l21-main-stage {border:0;border-radius:0;background:var(--ivory-canvas)}
#kioskFrame .kiosk-lounge .btn-64 {font-size:var(--text-label);min-height:calc(var(--space-6) * 2);padding:var(--space-2) var(--space-3)}
#kioskFrame .kiosk-storefront-options [aria-pressed=true] {background:var(--teal);color:var(--ivory)}
@media(min-width:768px) {
 #kioskFrame {min-height:0}
}

/* SCREEN-MAP D4/E3, Design frame KIOSK-VIEW_NEW (MSG-294): signed-in kiosk view from 768 px is a window-height frame (the shell keeps its 4 px border, so the frame is the window minus 8 px).
   The header keeps its height, the rail is fixed to the remaining height and level with the content, only the stage scrolls.
   The roster sign-in (kiosk-signin variant) keeps document scrolling. */
@media(min-width:768px) {
 .oneops-shell[data-shell-frame=kiosk]:not([data-shell-variant=kiosk-signin]) #kioskFrame {height:calc(100dvh - 8px);display:flex;flex-direction:column;overflow-x:clip!important;overflow-y:auto!important}
 .oneops-shell[data-shell-frame=kiosk]:not([data-shell-variant=kiosk-signin]) #kioskFrame .kiosk-app-header {position:static;flex:0 0 auto}
 .oneops-shell[data-shell-frame=kiosk]:not([data-shell-variant=kiosk-signin]) #kioskFrame .kiosk-l21-container {flex:1 1 auto;min-height:0;height:auto;padding:12px 14px;gap:14px;overflow:hidden!important;align-items:stretch}
 .oneops-shell[data-shell-frame=kiosk]:not([data-shell-variant=kiosk-signin]) #kioskFrame .kiosk-left-rail {margin:0;position:static;top:auto;height:100%;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between}
 .oneops-shell[data-shell-frame=kiosk]:not([data-shell-variant=kiosk-signin]) #kioskFrame .shell-workspace.l21-main-stage {height:100%;min-height:0;overflow-y:auto;padding:0;border:0;border-radius:0;background:transparent}
}
@media(min-width:1024px) {
 .oneops-shell[data-shell-frame=kiosk]:not([data-shell-variant=kiosk-signin]) {--pillar-w:88px}
}
@media(min-width:1440px) {
 .oneops-shell[data-shell-frame=kiosk]:not([data-shell-variant=kiosk-signin]) {--pillar-w:88px}
}
/* Menu tiles stay one row; a long title (EN "Messages", HI labels) keeps its full width because the badge text wraps inside a narrow badge instead. */
@media(min-width:768px) {
 #kioskFrame .kiosk-menu-item {flex-wrap:nowrap}
 #kioskFrame .l21-menu-left {flex:1 1 auto;min-width:max-content}
 #kioskFrame .l21-menu-title {white-space:nowrap;overflow-wrap:normal}
 #kioskFrame .kiosk-menu-badge {flex:0 1 auto;min-width:0;max-width:72px;margin-left:auto;white-space:normal;text-align:center;line-height:1.15}
}
/* SCREEN-MAP v1.9 (OA-835/837): Operations frame cap (1366x1024 kiosk or 390px phone) and vertical scroll. */
:root {--ops-kiosk-max-w:1366px;--ops-kiosk-max-h:1024px;--ops-phone-max-w:390px}
html:has(body.operations-entry[data-ops-bound]),html:has(.oneops-shell[data-shell-frame=kiosk]),html:has(.oneops-shell[data-shell-frame=crew-phone]),body.operations-entry[data-ops-bound],body:has(.oneops-shell[data-shell-frame=kiosk]),body:has(.oneops-shell[data-shell-frame=crew-phone]) {height:auto!important;min-height:0!important;max-height:none!important;overflow-x:clip!important;overflow-y:visible!important}
body.operations-entry[data-ops-bound] .oneops-shell,.oneops-shell[data-shell-frame=kiosk],.oneops-shell[data-shell-frame=crew-phone] {width:100%;max-width:var(--ops-kiosk-max-w);min-height:0!important;height:auto!important;max-height:none!important;margin-left:auto;margin-right:auto;overflow:visible!important;box-sizing:border-box}
body.operations-entry[data-ops-bound] :is(.shell-header.ops-entry-header,.shell-layout,.shell-workspace,.operations-auth,#screen-ops,#screen-bind),.oneops-shell[data-shell-frame=kiosk] #kioskFrame,.oneops-shell[data-shell-frame=kiosk]:not([data-shell-variant=kiosk-signin]) #kioskFrame,.oneops-shell[data-shell-frame=kiosk] .kiosk-l21-container,.oneops-shell[data-shell-frame=kiosk]:not([data-shell-variant=kiosk-signin]) #kioskFrame .kiosk-l21-container,.oneops-shell[data-shell-frame=kiosk] #kioskFrame .shell-layout,.oneops-shell[data-shell-frame=kiosk] #kioskFrame .kiosk-left-rail,.oneops-shell[data-shell-frame=kiosk]:not([data-shell-variant=kiosk-signin]) #kioskFrame .kiosk-left-rail,.oneops-shell[data-shell-frame=kiosk] #kioskFrame .shell-workspace.l21-main-stage,.oneops-shell[data-shell-frame=kiosk]:not([data-shell-variant=kiosk-signin]) #kioskFrame .shell-workspace.l21-main-stage,#screen-l2,#screen-l2 .kiosk-l2-split,#screen-l2 .l2-left-wall,#screen-l2 .l2-right-dock {min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important}
@media(max-width:767px) {
 body.operations-entry[data-ops-bound] .oneops-shell,body.operations-entry[data-ops-bound] :is(.shell-header.ops-entry-header,.shell-layout,.shell-workspace,.operations-auth,#screen-ops,#screen-bind),.oneops-shell[data-shell-frame=kiosk],.oneops-shell[data-shell-frame=kiosk] #kioskFrame,.oneops-shell[data-shell-frame=kiosk] .ops-phone-rail,.oneops-shell[data-shell-frame=crew-phone],.oneops-shell[data-shell-frame=crew-phone] #mobileFrame {max-width:var(--ops-phone-max-w)!important;margin-left:auto!important;margin-right:auto!important}
}
/* W12a sticky rails (Design walk N-20261031T150227): beats the later #kioskFrame position:static rules. */
@media(min-width:768px){.oneops-shell[data-shell-frame=kiosk]:not([data-shell-variant=kiosk-signin]) #kioskFrame .kiosk-top-strip{position:sticky!important;top:0!important;z-index:20!important}.oneops-shell[data-shell-frame=kiosk]:not([data-shell-variant=kiosk-signin]) #kioskFrame .kiosk-left-rail{position:sticky!important;top:88px!important;align-self:flex-start!important}}