.oneops-shell .prompt-bar,
.oneops-shell .role-tabs-bar,
.oneops-shell .rollup-bar,
.oneops-shell .row-actions,
.oneops-shell .summary-header-bar,
.oneops-shell .tb-top,
.oneops-shell .top-bottom-strip,
.oneops-shell .uat-tab-bar,
.oneops-shell .wave-top,
.oneops-shell .zen-search-bar {
 display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);min-width:0;
}
/* card */
.oneops-shell .acn-sec,
.oneops-shell .acn-tile,
.oneops-shell .admin-card,
.oneops-shell .admin-panel,
.oneops-shell .ai-box,
.oneops-shell .ai-gateway-box,
.oneops-shell .ask-card,
.oneops-shell .atelier-station-tile,
.oneops-shell .aud-card,
.oneops-shell .aud-domain-tile,
.oneops-shell .bento-card,
.oneops-shell .bento-risk-card,
.oneops-shell .bento-section,
.oneops-shell .bento-wave-card,
.oneops-shell .bot-drawer,
.oneops-shell .card,
.oneops-shell .card-header-flex,
.oneops-shell .card-title-serif,
.oneops-shell .city-review-card,
.oneops-shell .cluster-subcard,
.oneops-shell .cmp-card,
.oneops-shell .cmp-cert-card,
.oneops-shell .crit-takeover-dialog,
.oneops-shell .dept-col-box,
.oneops-shell .dept-detail-card,
.oneops-shell .dr-card,
.oneops-shell .dr-card-o,
.oneops-shell .dr-card-s,
.oneops-shell .dr-card-t,
.oneops-shell .dr-prio-card,
.oneops-shell .dr-rhead-tile,
.oneops-shell .dual-box,
.oneops-shell .ea-mini-box,
.oneops-shell .embossed-card,
.oneops-shell .fv-dock-pane,
.oneops-shell .golden-habit-box,
.oneops-shell .hero-bento,
.oneops-shell .hub-card,
.oneops-shell .inline-drawer,
.oneops-shell .kpi-card,
.oneops-shell .login-panel,
.oneops-shell .mis-card,
.oneops-shell .mis-dept-card,
.oneops-shell .normal-box,
.oneops-shell .os-card,
.oneops-shell .pm-card,
.oneops-shell .pm-kiosk-tile,
.oneops-shell .pm-kpi-card,
.oneops-shell .pm-lane-col,
.oneops-shell .priority-box,
.oneops-shell .pulse-card,
.oneops-shell .quality-shield-box,
.oneops-shell .role-cert-box,
.oneops-shell .role-panel,
.oneops-shell .salon-card,
.oneops-shell .sq-tile,
.oneops-shell .stat-box,
.oneops-shell .summary-pane,
.oneops-shell .tb-box,
.oneops-shell .uat-sec-rule,
.oneops-shell .uat-walk-card,
.oneops-shell .zen-attention-box,
.oneops-shell .zen-task-card {
 padding:var(--space-4);margin-bottom:var(--space-3);border:1px solid var(--gold);border-radius:var(--radius-md);background:var(--ivory);color:var(--ink);box-shadow:var(--shadow-card);min-width:0;
}
/* badge */
.oneops-shell .acn-pill,
.oneops-shell .act-pill,
.oneops-shell .admin-badge,
.oneops-shell .admin-badge-active,
.oneops-shell .ai-answer-stage,
.oneops-shell .atelier-dept-pill,
.oneops-shell .atelier-pill,
.oneops-shell .aud-badge,
.oneops-shell .bot-chip,
.oneops-shell .cmp-badge,
.oneops-shell .cmp-chip,
.oneops-shell .cmp-pill,
.oneops-shell .cmp-s3-pill,
.oneops-shell .dr-chip,
.oneops-shell .dr-chip-end,
.oneops-shell .dr-soon-tag,
.oneops-shell .filter-pill,
.oneops-shell .fv-chip,
.oneops-shell .fv-phone-pill,
.oneops-shell .g-badge,
.oneops-shell .hub-badge,
.oneops-shell .mis-badge,
.oneops-shell .model-tag,
.oneops-shell .os-badge,
.oneops-shell .person-tags,
.oneops-shell .pill,
.oneops-shell .pill-badge,
.oneops-shell .pm-jump-pill,
.oneops-shell .pm-pill,
.oneops-shell .prompt-chip,
.oneops-shell .role-badge,
.oneops-shell .sha-tag,
.oneops-shell .tag,
.oneops-shell .tag-open,
.oneops-shell .uat-step-pill,
.oneops-shell .uat-tag,
.oneops-shell .v-stage-card,
.oneops-shell .v-stage-num,
.oneops-shell .v-stage-sub,
.oneops-shell .v-stage-val,
.oneops-shell .zen-stage {
 display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--gold);border-radius:var(--radius-pill);background:var(--cream-pill);color:var(--teal);font:700 var(--text-label)/1.4 var(--font-sans);
}
/* heading */
.oneops-shell .admin-panel-head,
.oneops-shell .ai-head,
.oneops-shell .ai-headline,
.oneops-shell .bento-sec-head,
.oneops-shell .bot-head,
.oneops-shell .dept-cell-title,
.oneops-shell .fv-grp-title,
.oneops-shell .hero-title,
.oneops-shell .item-title,
.oneops-shell .klanding-title,
.oneops-shell .login-heading,
.oneops-shell .login-subtitle,
.oneops-shell .os-card-head,
.oneops-shell .persona-tab-title,
.oneops-shell .risk-head,
.oneops-shell .risk-title,
.oneops-shell .roster-group-title,
.oneops-shell .shield-title,
.oneops-shell .subbox-title,
.oneops-shell .summary-pane-title,
.oneops-shell .wave-title,
.oneops-shell .zen-attention-head {
 color:var(--teal);font-family:var(--font-serif);font-weight:700;line-height:1.3;margin-bottom:var(--space-2);
}
/* muted */
.oneops-shell .acn-sub,
.oneops-shell .admin-kpi-label,
.oneops-shell .admin-label,
.oneops-shell .admin-sub,
.oneops-shell .aud-sub,
.oneops-shell .audit-sub,
.oneops-shell .bento-sec-sub,
.oneops-shell .bot-meta,
.oneops-shell .bot-time,
.oneops-shell .bottleneck-note,
.oneops-shell .checklist-sub,
.oneops-shell .cmp-muted,
.oneops-shell .dept-cell-meta,
.oneops-shell .fv-subline,
.oneops-shell .hero-sub,
.oneops-shell .kpi-label,
.oneops-shell .lbl,
.oneops-shell .login-help,
.oneops-shell .login-hint,
.oneops-shell .mini-label,
.oneops-shell .muted,
.oneops-shell .os-kpi-label,
.oneops-shell .os-kpi-sub,
.oneops-shell .person-sub,
.oneops-shell .persona-tab-sub,
.oneops-shell .pm-kpi-label,
.oneops-shell .pm-muted,
.oneops-shell .pulse-foot,
.oneops-shell .risk-foot,
.oneops-shell .shield-meta,
.oneops-shell .stat-lbl,
.oneops-shell .wave-foot {
 color:var(--ink-muted);font-size:var(--text-label);line-height:1.5;
}
/* metric */
.oneops-shell .admin-kpi,
.oneops-shell .admin-kpi-value,
.oneops-shell .ai-kpi,
.oneops-shell .aud-kpi,
.oneops-shell .kpi-big-num,
.oneops-shell .metric-strong,
.oneops-shell .mini-val,
.oneops-shell .os-kpi,
.oneops-shell .os-kpi-val,
.oneops-shell .pm-kpi-val,
.oneops-shell .pm-metric,
.oneops-shell .stat-num,
.oneops-shell .val,
.oneops-shell .wave-num {
 color:var(--teal);font:700 var(--text-h2)/1.3 var(--font-sans);
}
/* list */
.oneops-shell .accomplish-list,
.oneops-shell .checklist-body,
.oneops-shell .checklist-status,
.oneops-shell .compact-list,
.oneops-shell .deliverable-li,
.oneops-shell .deliverables-list,
.oneops-shell .person-list,
.oneops-shell .role-steps-list,
.oneops-shell .summary-list,
.oneops-shell .wave-list {
 padding-left:var(--space-5);line-height:1.6;color:var(--ink);
}
/* scroll */
.oneops-shell .acn-table-wrap,
.oneops-shell .admin-table-wrap,
.oneops-shell .coverage-table-wrap,
.oneops-shell .pm-table-wrap,
.oneops-shell .table-scroll,
.oneops-shell .table-wrap {
 max-width:100%;overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);
}
/* table */
.oneops-shell .acn-table,
.oneops-shell .admin-table,
.oneops-shell .ai-tbl,
.oneops-shell .atelier-table,
.oneops-shell .atelier-tbl,
.oneops-shell .aud-table,
.oneops-shell .cmp-table,
.oneops-shell .exec-tbl,
.oneops-shell .mis-table,
.oneops-shell .os-table,
.oneops-shell .people-table,
.oneops-shell .pm-table,
.oneops-shell .roster-table {
 width:100%;border-collapse:collapse;text-align:left;background:var(--ivory);color:var(--ink);font-size:var(--text-label);
}
/* container */
.oneops-shell .admin-container,
.oneops-shell .admin-kpis,
.oneops-shell .admin-shell,
.oneops-shell .ai-body,
.oneops-shell .ai-live-answer,
.oneops-shell .alt,
.oneops-shell .ask-reasons,
.oneops-shell .atelier-canvas,
.oneops-shell .aud-hero,
.oneops-shell .aud-wrap,
.oneops-shell .bot-close,
.oneops-shell .bot-fab,
.oneops-shell .bot-feed,
.oneops-shell .bot-form,
.oneops-shell .bot-in,
.oneops-shell .bot-msg,
.oneops-shell .bot-text,
.oneops-shell .cluster-header,
.oneops-shell .clusters-wrapper,
.oneops-shell .cmp-noprint,
.oneops-shell .cmp-wrap,
.oneops-shell .coverage-body,
.oneops-shell .cream,
.oneops-shell .dept-cell-ea,
.oneops-shell .desktop-header,
.oneops-shell .dr-crit-modal,
.oneops-shell .dr-lounge-hero,
.oneops-shell .dr-main-inner,
.oneops-shell .dr-wrapped-module,
.oneops-shell .dr-your-day,
.oneops-shell .dual-summary-diagnostics,
.oneops-shell .ea-audit-item,
.oneops-shell .eyebrow-gold,
.oneops-shell .fv-grp,
.oneops-shell .gold,
.oneops-shell .hit48,
.oneops-shell .hub-link,
.oneops-shell .imp,
.oneops-shell .k-lang,
.oneops-shell .k-wrap,
.oneops-shell .kiosk-header,
.oneops-shell .klanding,
.oneops-shell .klanding-arch,
.oneops-shell .klanding-beam,
.oneops-shell .klanding-crest,
.oneops-shell .klanding-frame,
.oneops-shell .klanding-greet,
.oneops-shell .klanding-hero,
.oneops-shell .klanding-lang,
.oneops-shell .klanding-main,
.oneops-shell .klanding-rest,
.oneops-shell .klang,
.oneops-shell .kpi-delta,
.oneops-shell .krec,
.oneops-shell .login-choice,
.oneops-shell .login-choice--google,
.oneops-shell .login-choice--kiosk,
.oneops-shell .login-choices,
.oneops-shell .login-page,
.oneops-shell .login-page--phone,
.oneops-shell .mgr-dept,
.oneops-shell .mgr-sum,
.oneops-shell .mini-stat,
.oneops-shell .mis-hero,
.oneops-shell .mis-tab,
.oneops-shell .mis-wrap,
.oneops-shell .mode-switcher,
.oneops-shell .os-wrap,
.oneops-shell .page-shell,
.oneops-shell .people-directory-wrap,
.oneops-shell .person-info,
.oneops-shell .person-name,
.oneops-shell .persona-tab,
.oneops-shell .phone-shell,
.oneops-shell .phone-shell-login,
.oneops-shell .pm-kiosk-shell,
.oneops-shell .pm-tab,
.oneops-shell .pm-wrap,
.oneops-shell .pub-body,
.oneops-shell .pub-phone,
.oneops-shell .pub-step,
.oneops-shell .pub-wrap,
.oneops-shell .pulse-beam,
.oneops-shell .pulse-body,
.oneops-shell .raw-json,
.oneops-shell .risk-fix,
.oneops-shell .roster-group,
.oneops-shell .roster-group-body,
.oneops-shell .roster-group-count,
.oneops-shell .roster-group-summary,
.oneops-shell .straw,
.oneops-shell .tb-watch,
.oneops-shell .tone-aqua,
.oneops-shell .tone-gold,
.oneops-shell .uat-details,
.oneops-shell .uat-env-ribbon,
.oneops-shell .uat-hero,
.oneops-shell .wave-gate,
.oneops-shell .wave-stores,
.oneops-shell .wrap,
.oneops-shell .zen-frequent-prompts,
.oneops-shell .zen-search-wrapper {
 min-width:0;max-width:100%;box-sizing:border-box;color:var(--ink);font-family:var(--font-sans);
}
/* info */
.oneops-shell .acn-lock,
.oneops-shell .ask-state,
.oneops-shell .audit-state,
.oneops-shell .cmp-outlet-banner,
.oneops-shell .dr-soon,
.oneops-shell .helpline,
.oneops-shell .state-banner,
.oneops-shell .toast-banner {
 padding:var(--space-3);border-left:var(--space-1) solid var(--teal);border-radius:var(--radius-sm);background:var(--aqua-soft);color:var(--teal);
}
/* error */
.oneops-shell .dr-warn,
.oneops-shell .err,
.oneops-shell .expired,
.oneops-shell .missing,
.oneops-shell .pm-bad,
.oneops-shell .risk-wrong {
 padding:var(--space-3);border-left:var(--space-1) solid var(--danger);border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger);
}
/* success */
.oneops-shell .g-green,
.oneops-shell .pm-ok,
.oneops-shell .ready,
.oneops-shell .recycled,
.oneops-shell .tone-green,
.oneops-shell .valid {
 background:var(--ok-bg);color:var(--ok);border-color:var(--ok);
}
/* warn */
.oneops-shell .expiring,
.oneops-shell .not-yet,
.oneops-shell .pm-warn,
.oneops-shell .state-wait {
 background:var(--warn-bg);color:var(--warn);border-color:var(--warn);
}
/* icon */
.oneops-shell .dr-crown-img,
.oneops-shell .dr-icon,
.oneops-shell .g-blue,
.oneops-shell .g-red,
.oneops-shell .g-yellow,
.oneops-shell .pm-kiosk-icon,
.oneops-shell .roster-group-caret {
 display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-6);color:var(--teal);
}

/* ST-121-21: live L2 sign-in and L1 lounge use the shared mock components. */
.oneops-shell[data-shell-variant=kiosk-signin] .shell-layout {display:block;padding:var(--space-4)}
.oneops-shell[data-shell-variant=kiosk-signin] .shell-workspace {padding:0;overflow:hidden}
.oneops-shell[data-shell-variant=kiosk-signin] .shell-phone-nav {display:none}
.kiosk-l2-split {display:grid;grid-template-columns:minmax(0,62fr) minmax(0,38fr);min-width:0}
.l2-left-wall {min-width:0;padding:var(--space-4);background:var(--ivory-canvas)}
.l2-right-dock {min-width:0;padding:var(--space-5);border-left:1px solid var(--border-subtle);background:var(--ivory)}
.dept-filter-pill[aria-selected=true] {background:var(--teal);color:var(--ivory);border-color:var(--teal)}
.dept-filter-pill[aria-selected=true] .dept-count-badge {background:var(--aqua);color:var(--teal)}
.l2-filter-row input {max-width:100%;min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--gold);border-radius:var(--radius-pill);font:inherit;background:var(--ivory);color:var(--ink)}
.l2-instruction-banner {font-family:var(--font-sans);margin:var(--space-3) 0}
.l2-crew-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
.crew-card {text-decoration:none;min-width:0;gap:var(--space-1);color:var(--ink);font:700 var(--text-label) var(--font-sans)}
.crew-card[hidden],[data-crew-empty][hidden] {display:none}
.crew-card strong {font-size:var(--text-label)}
.crew-avatar-circle {overflow:hidden;flex-shrink:0}
.crew-avatar-circle img {width:100%;height:100%;object-fit:cover}
.dock-person-header {display:flex;flex-direction:column;align-items:center;gap:var(--space-2);font-family:var(--font-sans)}
.dock-person-header strong {font:700 var(--text-h3) var(--font-serif);color:var(--teal)}
.dock-person-header p {margin:0;color:var(--ink-muted);font-size:var(--text-label)}
.dock-person-header small {padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--cream-pill);font-weight:700}
.l2-right-dock form {display:grid;gap:var(--space-2);margin-top:var(--space-3)}
.dock-camera-empty {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:96px;margin:var(--space-3) 0;background:var(--teal);color:var(--ivory);border:2px solid var(--gold);border-radius:var(--radius-md)}
.l2-right-dock .dock-camera-box {width:100%;height:auto;min-height:120px;cursor:pointer;font-family:var(--font-sans);padding:var(--space-2)}
.dock-camera-box video,.dock-camera-box canvas {width:100%;height:96px;object-fit:cover;border-radius:var(--radius-sm)}
#pin-selfie-canvas,#pin-photo-btn {display:none}
#pin-retry-camera-btn[hidden] {display:none}
.pin-input-box {box-sizing:border-box;width:100%;min-height:48px;text-align:center;letter-spacing:.6em;font:700 var(--text-h2) var(--font-mono);border:1px solid var(--gold);border-radius:var(--radius-md);background:var(--cream-pill);color:var(--teal)}
.l2-right-dock .dock-keypad-grid {margin:var(--space-3) 0;width:100%}
.l2-right-dock .dock-keypad-grid button {min-height:48px;border:1px solid var(--gold);border-radius:var(--radius-sm);font:700 var(--text-h3) var(--font-sans);color:var(--teal);background:var(--ivory)}
.l2-right-dock .dock-keypad-grid .enter-btn {background:var(--teal);color:var(--ivory)}
.l2-right-dock .dock-cta-btn {width:100%;min-height:56px;font-family:var(--font-sans)}
.l2-right-dock {--negative:var(--danger);--os-ink:var(--ink);--harleys-blue-900:var(--teal);--card-white:var(--ivory)}
.phone-persona {display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--gold);border-radius:var(--radius-md);background:var(--ivory)}
.phone-persona strong {color:var(--teal);font:700 var(--text-body) var(--font-sans)}
.phone-persona p {font-size:var(--text-label);color:var(--ink-muted);margin:var(--space-1) 0}
.phone-duty {margin-left:auto;padding:var(--space-2) var(--space-3);background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok);border-radius:var(--radius-pill);font:700 var(--text-label) var(--font-sans)}
.phone-lounge-entry {display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);margin:var(--space-2) 0;border:1px solid var(--gold);border-radius:var(--radius-md);color:var(--teal);text-decoration:none;background:var(--ivory-canvas)}
.phone-lounge-entry small {color:var(--ink-muted)}
[data-phone-lounge] {margin-bottom:var(--space-5)}
[data-phone-lounge] .l1-card h2 {font:700 var(--text-h3) var(--font-serif);color:var(--teal)}
.palace-preview-frame {display:flex;align-items:center;justify-content:center;background:var(--aqua-soft)}
.palace-preview-frame img {width:100%;height:240px;object-fit:contain}
@media(max-width:760px) {
 .kiosk-l2-split {grid-template-columns:minmax(0,1fr)}
 .l2-crew-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .l2-right-dock {border-left:0;border-top:2px solid var(--gold);padding:var(--space-4)}
 [data-phone-lounge] .l1-cards-grid {grid-template-columns:minmax(0,1fr)}
 .phone-duty {margin-left:0}
 .palace-preview-frame img {height:180px}
}
.kiosk-menu-icon img {width:32px;height:32px;object-fit:contain}
.phone-pulse {display:flex;flex-direction:column;align-items:center;padding:var(--space-3);border:1px solid var(--gold);border-radius:var(--radius-md);background:var(--cream-pill);color:var(--teal)}
.phone-pulse strong {font:700 var(--text-h2) var(--font-sans)}
.phone-pulse small {font-size:var(--text-label)}
.pin-cooldown-banner {padding:var(--space-3);border:1px solid var(--danger);border-radius:var(--radius-md);background:var(--danger-bg);color:var(--danger);font:700 var(--text-label) var(--font-sans)}
.l2-right-dock .mt8 {margin-top:var(--space-2)}
.l2-right-dock .notice-ok {padding:var(--space-3);border:1px solid var(--ok);border-radius:var(--radius-md);background:var(--ok-bg);color:var(--ok)}
/* Pre-sign-in cards use the Operations panes and shared token scale. */
.operations-entry .pre-signin-card {max-width:100%}
.operations-auth .pre-signin-pane {display:grid;gap:var(--space-4)}
.pre-signin-pane form {display:grid;gap:var(--space-3);min-width:0}
.pre-signin-pane select {width:100%;min-width:0;min-height:var(--space-7);padding:var(--space-2);border:2px solid var(--gold);border-radius:var(--radius-md);background:var(--ivory);color:var(--teal);font:inherit}
.pre-signin-pane .primary-cta {width:100%;height:auto;white-space:normal}
.operations-auth #recovery-code {width:100%;text-align:center;letter-spacing:var(--space-3)}
.operations-auth .ops-manager-explanation hr {border:0;border-top:2px solid var(--gold);margin:var(--space-4) 0}
.operations-auth .ops-binding-pane h1 {margin:var(--space-3) 0}
.operations-auth .ops-binding-pane p {margin-bottom:var(--space-3)}
.operations-auth .ops-binding-kicker {font:800 var(--text-kicker) var(--font-sans);color:var(--teal)}
.operations-auth .ops-binding-pane>div>p {color:var(--ink-muted)}
.operations-auth .ops-pin-control #recovery-code {position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:1;margin:0;cursor:text}
.operations-auth .code-slots {gap:var(--space-1)}
.operations-auth .code-slots .pin-slot {width:var(--space-8);min-width:0}

/* Kiosk overview cards share the Owner reference's compact icon/text/chip layout. */
.kiosk-top-tile {display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--card-white);color:var(--ink);text-decoration:none;box-shadow:var(--shadow-card)}
.kiosk-top-tile>div {min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}
.kiosk-top-tile strong {font:800 var(--text-label)/1.2 var(--font-sans)}
.kiosk-top-tile small {font:500 var(--text-kicker)/1.2 var(--font-sans);color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kiosk-tile-icon {flex:0 0 var(--space-7);width:var(--space-7);height:var(--space-8);display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--aqua-soft);font-size:var(--text-lg)}
.kiosk-value-chip {align-self:flex-start;border-radius:var(--radius-sm);padding:var(--space-1);background:var(--panel-recess);color:var(--teal);font:700 var(--text-kicker)/1.2 var(--font-sans)}
.kiosk-progress {appearance:none;display:block;width:100%;height:var(--space-2);border:0;border-radius:var(--radius-pill);overflow:hidden;background:var(--panel-recess)}
.kiosk-progress::-webkit-progress-bar {background:var(--panel-recess)}
.kiosk-progress::-webkit-progress-value {background:linear-gradient(90deg,var(--teal),var(--pulse-green-bright))}
.kiosk-progress::-moz-progress-bar {background:var(--teal)}
.kiosk-needs {gap:var(--space-2)}
.kiosk-needs a {color:var(--teal)}
.kiosk-briefing-row h2 {font:700 var(--text-h3)/1.2 var(--font-serif);color:var(--teal)}
.kiosk-briefing-row h3 {font:700 var(--text-lg)/1.2 var(--font-serif)}

/* L2.1 compact overview, storefront and section attention tiles. */
.kiosk-top-tile {min-height:calc(var(--space-8) * 2 + var(--space-4));box-shadow:none}
.kiosk-tile-icon {width:var(--space-7);height:var(--space-7);flex-basis:var(--space-7)}
.kiosk-storefront h2 {font:800 var(--text-label)/1.4 var(--font-sans);color:var(--teal);margin:0}
.kiosk-storefront-preview {height:calc(var(--space-8) * 5);border:2px solid var(--gold);border-radius:var(--radius-md);overflow:hidden;background:var(--aqua-soft)}
.kiosk-storefront-preview img {display:block;width:100%;height:100%;object-fit:contain}
.kiosk-storefront-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.kiosk-storefront-options button {font-size:var(--text-label);white-space:normal}
.kiosk-storefront-options [aria-pressed=true] {background:var(--teal);color:var(--ivory)}
.kiosk-briefing-row .salon-card {display:flex;flex-direction:column;gap:var(--space-3)}
.kiosk-briefing-row .btn-64 {margin-top:auto}
.kiosk-needs-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.kiosk-needs .kiosk-needs-tile {display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2);align-items:center;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--card-white);color:var(--ink);text-decoration:none}
.kiosk-needs-tile .state-refused {color:var(--danger);background:var(--danger-bg)}
.kiosk-needs-tile .state-unverified {color:var(--amber-ink);background:var(--amber-bg)}
.kiosk-needs-tile .state-saved {color:var(--ok);background:var(--ok-bg)}
.kiosk-needs-tile .state-offline {color:var(--stale);background:var(--stale-bg)}
@media(max-width:767px) {
 .kiosk-storefront-options {grid-template-columns:minmax(0,1fr)}
 .kiosk-top-tile {flex-direction:column;align-items:flex-start}
 .kiosk-top-tile strong {font-size:var(--text-kicker)}
 .kiosk-needs-grid {grid-template-columns:minmax(0,1fr)}
}
