/* OA-2232 Option A. Change just the corresponding language value after the Owner's pick. */
:root {--interior-gutter:12px}
.oneops-shell .shell-interior {box-sizing:border-box;display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;gap:4px;padding:4px var(--interior-gutter) 0}
.oneops-shell .shell-interior > .page-head {box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;flex:none;gap:2px 10px;min-height:38px;margin:0;padding:0;background:none;border:0;font-size:15px}
html:lang(hi) .oneops-shell .page-head h1 {font-size:20px}
.oneops-shell .page-head h1 {margin:0;font:700 22px/1.2 var(--font-serif);color:var(--teal-dark);white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:break-word}
.oneops-shell .shell-interior > .pane {box-sizing:border-box;display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;min-width:0;overflow-x:clip;overflow-y:auto;padding:0 0 4px;scroll-padding:4px}
.oneops-shell .pane > * {flex-shrink:0;min-width:0;max-width:100%}
.oneops-shell .action-dock {box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;flex:none;gap:6px 12px;min-height:56px;padding:4px 0;border-top:1px solid var(--brass-highlight);background:var(--cream);font-size:15px}
.oneops-shell .action-dock :is(button,a) {min-height:48px;font-size:16px}
.oneops-shell .template-list .template-rows {display:flex;flex-direction:column;gap:4px}
.oneops-shell :is(.template-board,.template-summary) .template-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.oneops-shell .template-detail .template-record {width:100%;min-width:0}
.oneops-shell .template-sheet {background:var(--ivory)}
.oneops-shell .template-sheet .template-form {width:100%;margin:0;max-width:none;position:static}
html:lang(hi) .oneops-shell :is(.task-words,.checklist-task-text,.ov-task-text,.ov-sheet-what) {line-height:1.4!important}
.oneops-shell :is(.task-words,.checklist-task-text,.ov-task-text,.ov-sheet-what) {font-size:var(--text-task)!important;font-weight:500;line-height:1.3!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:break-word}
.oneops-shell :is(.task-row.is-done .task-words,.task-row.is-cannot .task-words,.task-marked .task-words,.checklist-task.is-done .checklist-task-text,.checklist-task.is-cannot .checklist-task-text,.ov-task[data-ov-mark=done] .ov-task-text,.ov-task[data-ov-mark=cannot] .ov-task-text) {font-size:15px!important;color:var(--ink-muted)}
.oneops-shell .task-actions {display:flex;flex:none;gap:6px}
.oneops-shell .task-actions .task-done {width:84px}
.oneops-shell .task-actions .task-cannot {width:92px}
.oneops-shell .task-actions :is(button,a) {box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:56px;font-size:16px;white-space:normal}
/* A5/A6 fast follow, Design OA-2016: stationary rails also at 768–799 px. Only the pane scrolls. */
@media(min-width:768px) {
 html:has([data-shell-frame=kiosk] .shell-interior),html:has([data-shell-frame=kiosk] .shell-interior) body {height:100dvh!important;overflow:hidden!important}
 .oneops-shell[data-shell-frame=kiosk]:has(.shell-interior) {height:100dvh!important;min-height:0!important;overflow:hidden!important}
 .oneops-shell[data-shell-frame=kiosk] #kioskFrame#kioskFrame#kioskFrame#kioskFrame#kioskFrame {box-sizing:border-box;display:flex;flex-direction:column;height:min(100dvh,1024px)!important;min-height:0!important;max-height:1024px!important;width:100%;max-width:1366px;margin:0 auto!important;overflow:hidden!important}
 .oneops-shell[data-shell-frame=kiosk] #kioskFrame#kioskFrame#kioskFrame#kioskFrame#kioskFrame .shell-layout {display:grid!important;flex:1;min-height:0!important;height:auto!important;overflow:hidden!important}
 .oneops-shell[data-shell-frame=kiosk] #kioskFrame#kioskFrame#kioskFrame#kioskFrame#kioskFrame [data-shell-workspace] {display:flex!important;flex-direction:column;flex:1;min-height:0!important;height:100%!important;max-height:100%!important;padding:0!important;overflow:hidden!important}
 .oneops-shell[data-shell-frame=kiosk]:has(.shell-interior) #kioskFrame#kioskFrame#kioskFrame#kioskFrame#kioskFrame .kiosk-left-rail {position:relative!important;top:0!important;align-self:stretch!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important}
 /* Undo legacy nested pane heights; the single shell pane owns their scrolling. */
 .oneops-shell[data-shell-frame=kiosk] .pane :is(.checklists-page,.checklist-tasks,.ov-page,.ov-tasks,.kiosk-lounge,.kiosk-section-grid) {height:auto!important;max-height:none!important;overflow:visible!important}
}

/* C3: Corporate uses the phone page flow below 1024 px. */
@media(min-width:1024px) {
 html:has([data-shell-frame=manager-desktop] .shell-interior),html:has([data-shell-frame=manager-desktop] .shell-interior) body {height:100dvh!important;overflow:hidden!important}
 .oneops-shell[data-shell-frame=manager-desktop] [data-shell-workspace] {display:flex!important;flex-direction:column;flex:1;min-height:0!important;height:100%!important;max-height:100%!important;padding:0!important;overflow:hidden!important}
 /* Undo legacy nested pane heights; the single shell pane owns their scrolling. */
 .oneops-shell[data-shell-frame=manager-desktop] .pane :is(.checklists-page,.checklist-tasks,.ov-page,.ov-tasks,.kiosk-lounge,.kiosk-section-grid) {height:auto!important;max-height:none!important;overflow:visible!important}
}
@media(max-height:599px) {
 :root {--interior-gutter:8px}
 .oneops-shell .task-actions :is(button,a) {min-height:48px}
 .oneops-shell .action-dock {min-height:48px}
}
@media(max-width:799px) {
 :root {--interior-gutter:8px}
 .oneops-shell :is(.template-board,.template-summary) .template-cards {grid-template-columns:minmax(0,1fr)}
 .oneops-shell .template-list .template-rows {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:767px) {
 .oneops-shell .shell-interior,.oneops-shell .shell-interior > .pane {height:auto;max-height:none;overflow:visible;flex:none}
 .oneops-shell .action-dock {position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));z-index:10}
 .oneops-shell .task-actions {width:100%;margin-left:0}
 .oneops-shell .task-actions :is(.task-done,.task-cannot) {flex:1;width:auto}
}
/* Existing page collections adopt the mould without changing their actions. */
.oneops-shell .template-list :is(.checklist-task-cards,.ov-tasks,.switch-cards) {grid-template-columns:minmax(0,1fr)!important;gap:4px!important}
@media(min-width:768px) {
 .oneops-shell .template-list :is(.checklist-task-cards,.ov-tasks,.switch-cards) {gap:0!important;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--card-white);overflow:hidden}
 .oneops-shell .template-list :is(.checklist-task-cards,.ov-tasks,.switch-cards) > * {margin:0!important;border:0!important;border-top:1px solid var(--border-subtle)!important;border-radius:0!important;box-shadow:none!important}
 .oneops-shell .template-list :is(.checklist-task-cards,.ov-tasks,.switch-cards) > :first-child {border-top:0!important}
}
.oneops-shell .template-board .ov-lists {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
@media(max-width:799px) {.oneops-shell .template-board .ov-lists {grid-template-columns:minmax(0,1fr)}}
@media(max-width:1023px) {
 .oneops-shell[data-shell-frame=manager-desktop] .shell-interior,
 .oneops-shell[data-shell-frame=manager-desktop] .shell-interior > .pane {height:auto;max-height:none;overflow:visible;flex:none}
}
.oneops-shell .template-sheet .kiosk-top-tiles {display:none!important}
@media(max-height:599px) {
 .oneops-shell .shell-interior:not(.template-summary) .kiosk-top-tiles {display:none!important}
}
.oneops-shell [data-inner-hidden] {display:none!important}
.oneops-shell .template-cancel,.oneops-shell .template-open {min-height:48px;padding:0 12px;border:1px solid var(--gold);border-radius:10px;background:var(--ivory);color:var(--teal-dark);font:700 16px var(--font-sans);cursor:pointer}
.oneops-shell .template-open {display:none}
.oneops-shell .template-sheet [data-inner-sheet-open] {position:static!important;display:flex;flex-direction:column;gap:8px;float:none;width:100%;max-width:none;margin:0!important;padding:8px!important;overflow:visible!important}
@media(max-width:1023px) {
 .oneops-shell .template-open {display:inline-flex;align-items:center;justify-content:center}
 .oneops-shell [data-switch]:not([data-inner-sheet-open]) > :is(label,input,[data-sw=actions],[data-sw=result]) {display:none}
 .oneops-shell [data-switch][data-inner-sheet-open] > .template-open {display:none}
}
.oneops-shell .template-board .acc-grid:not(.acc-summary) {grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:799px) {
 .oneops-shell .template-board .acc-grid:not(.acc-summary),
 .oneops-shell .template-summary .section-cabinets-grid,
 .oneops-shell #kioskFrame#kioskFrame#kioskFrame#kioskFrame#kioskFrame .template-summary .kiosk-section-grid {grid-template-columns:minmax(0,1fr)!important}
}

@media(min-width:800px) {
 .oneops-shell .template-list > .pane {scroll-snap-type:y proximity}
 .oneops-shell .template-list > .pane > * {scroll-snap-align:start}
 .oneops-shell .template-list > .page-head .pane-more {margin-left:auto;font:400 15px var(--font-sans);color:var(--ink-muted)}
}

/* Pack Part 1: ground phones have no overview cards. */
@media(max-width:799px) {
 .oneops-shell[data-shell-frame=kiosk] #kioskFrame .kiosk-top-tiles {display:none!important}
}

/* A visually hidden table head stays inside the pane, so the document never grows past the window. */
.oneops-shell .shell-interior > .pane {position:relative}