/* V18: command-board information architecture. Screen-only; PDF/A4 CSS is unchanged. */
@media screen {
:root{--ops-ink:#162733;--ops-sub:#627583;--ops-strong:#102c38;--ops-accent:#097f79;--ops-edge:#dce6e7;--ops-base:#f0f4f4;--ops-surface:#fff;--ops-warn:#b95538;--ops-focus:#0f8d86;--ops-radius:12px;--ops-sidebar:#0a202b;--bg:var(--ops-base);--paper:#fff;--ink:var(--ops-ink);--line:var(--ops-edge);--teal:var(--ops-accent);--il-blue:var(--ops-accent);--il-navy:var(--ops-sidebar);--il-lime:#b2e3cd;--shadow:none}
html{scroll-behavior:auto}
body{background:var(--ops-base);color:var(--ops-ink);font-size:14px}
:where(button,a,input,textarea,select):focus-visible{outline:3px solid #159d92!important;outline-offset:3px}
/* Navigation has a distinct information hierarchy, no oversized decoration */
.app-shell{grid-template-columns:248px minmax(0,1fr)!important;min-height:100dvh}
.sidebar{position:sticky;top:0;height:100dvh;background:var(--ops-sidebar)!important;color:#edf4f4!important;padding:22px 14px 18px!important;border:0!important;border-right:1px solid #173643!important;box-shadow:none!important;gap:0;overflow-y:auto;overflow-x:hidden}
.sidebar-header{padding:0 4px 18px;margin-bottom:10px;border-bottom:1px solid #27424c}
.sidebar .brand{color:#fff!important;gap:10px;padding:1px 2px!important}
.sidebar .brand-mark{background:#1a5458!important;border:1px solid #38686d!important;box-shadow:none!important;border-radius:10px!important;width:40px;height:40px}
.sidebar .brand-mark::before{background:#abebd1}
.sidebar .brand-mark::after{background:#fff}
.sidebar .brand-mark .brand-symbol-inner{background:#51b4aa}
.sidebar .brand strong{color:#f8fcfc!important;font-size:16px;letter-spacing:-.04em}
.sidebar .brand small{color:#b4d0d2!important;letter-spacing:.1em;font-size:9px}
.sidebar-workspace-label{border:0!important;background:#173540!important;color:#abcbce!important;border-radius:7px!important;margin:12px 4px 23px!important;padding:9px 12px!important;font-size:10px!important;letter-spacing:.12em}
.workspace-status-dot{background:#60c7a8;box-shadow:0 0 0 3px #2a594e}
.sidebar-nav{gap:18px!important}
.sidebar-nav-section{min-width:0}
.sidebar-nav .nav-caption{color:#89acb6!important;margin:0 12px 8px!important;font-size:10px!important;letter-spacing:.12em!important}
.sidebar-nav .nav-group{display:grid;gap:3px!important}
.sidebar-nav .nav-link{color:#d4e1e4!important;border:1px solid transparent!important;background:transparent!important;border-radius:8px!important;min-height:43px!important;padding:10px 12px!important;gap:11px;font-size:13px!important;font-weight:650!important}
.sidebar-nav .nav-link:hover{background:#1b3b49!important;color:#fff!important}
.sidebar-nav .nav-link.active{color:#e8fff8!important;background:#185149!important;border-color:#26695d!important;box-shadow:inset 3px 0 0 #9bd9c1!important}
.sidebar-nav .nav-symbol{width:22px;flex:0 0 22px;display:grid;place-items:center}
.sidebar-nav .nav-symbol .il-icon{width:18px;height:18px}
.sidebar-nav .nav-active-mark{display:none}
.sidebar-foot{margin-top:auto;border-top:1px solid #254452!important;padding:16px 5px 0!important}
.sidebar-foot .install-link{color:#c4e1e0!important;background:#193743!important;min-height:42px;border-radius:8px}
.sidebar-account{border-top:1px solid #2a444d;padding:15px 4px 0;margin-top:12px}
.sidebar-account-avatar{background:#2d665f;color:#d8f5e8;border-radius:50%}
.sidebar-account strong{color:#f1f6f5}
.sidebar-account div span{color:#a9c1c7}
/* A useful command bar, independent of content */
.main{min-width:0}
.topbar{height:68px;position:sticky;top:0;z-index:20;background:#fff!important;border-bottom:1px solid var(--ops-edge)!important;box-shadow:none!important;padding:0 clamp(17px,2.8vw,42px)!important}
.topbar-location-kicker{color:#708490;font-size:9px;letter-spacing:.16em}
.topbar-breadcrumb{color:var(--ops-ink);font-size:16px;font-weight:750;letter-spacing:-.035em}
.topbar-breadcrumb strong{font-weight:750}
.topbar-state{color:#547467;font-weight:680;font-size:11px}
.topbar-state i{background:#45ac80}
.topbar .btn{border-radius:8px!important}
.page{max-width:1600px;padding:30px clamp(16px,3vw,46px) 90px!important;margin:0 auto}
.page-heading{padding-bottom:18px;border-bottom:1px solid var(--ops-edge);margin-bottom:24px}
.page-heading h1{font-size:clamp(27px,3vw,36px);letter-spacing:-.05em;color:var(--ops-strong)}
.page-heading .eyebrow{color:#667a80}
.page-heading p{color:var(--ops-sub)}
/* Panels and lists: compact, tabular utility styling */
.panel,.classic-incident-panel,.classic-briefing-card,.dashboard-panel{border:1px solid var(--ops-edge)!important;border-radius:var(--ops-radius)!important;background:var(--ops-surface)!important;box-shadow:none!important}
.panel{padding:23px}
.panel-head{border-bottom:1px solid var(--ops-edge)}
.btn{border-radius:8px!important;min-height:40px;background:#fff!important;border-color:#cbdadb!important;color:var(--ops-strong)!important;box-shadow:none!important;font-weight:700!important}
.btn:hover{background:#eef7f5!important;color:#126860!important;border-color:#8bcac4!important}
.btn.primary{background:var(--ops-accent)!important;border-color:var(--ops-accent)!important;color:#fff!important;box-shadow:none!important}
.btn.primary:hover{background:#056b67!important;border-color:#056b67!important;color:#fff!important}
.btn.tiny{min-height:35px}
.badge{border-radius:5px!important;font-size:10px!important}
.data-table th{background:#f0f5f5!important;color:#566d77!important}
.data-table td{border-color:#e6edee}
.data-table tr:hover td{background:#f5f9f9!important}
.tabs .tab{border-radius:0!important}
.tabs .tab.active{border-color:var(--ops-accent)!important;color:var(--ops-accent)!important;background:#eaf6f3!important}
.field input,.field textarea,.field select{border-radius:8px!important;background:#fff!important;border-color:#c9d8d9!important}
.field :is(input,textarea,select):focus{border-color:#128b82!important;box-shadow:0 0 0 3px #d4f1ec!important}
/* Dashboard has a new structure: command header, horizontal counters, working list, action queue. */
.ops-board{display:grid;gap:18px}
.ops-titlebar{display:flex;align-items:end;justify-content:space-between;gap:22px;padding:0 0 22px;border-bottom:1px solid var(--ops-edge)}
.ops-overline{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#5e7b81;font-weight:850;margin:0 0 10px}
.ops-overline span{padding:0 8px;color:#b4c3c2}
.ops-titlebar h1{font-size:clamp(35px,4vw,51px);font-weight:760;letter-spacing:-.065em;line-height:1.08;color:#0a2935;margin:0 0 9px}
.ops-lead{font-size:13px;color:var(--ops-sub);margin:0}
.ops-title-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ops-counters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--ops-edge);border-radius:12px;overflow:hidden}
.ops-counter{display:grid;text-align:left;gap:5px;padding:20px 23px 17px;background:#fff;cursor:pointer;border:0;border-right:1px solid #e4eded;min-width:0;transition:background .15s}
.ops-counter:last-child{border-right:0}
.ops-counter:hover{background:#eff8f5}
.ops-counter-label{font-size:12px;font-weight:750;color:#536d74}
.ops-counter-main{display:flex;align-items:center;justify-content:space-between;gap:7px}
.ops-counter-main strong{font-size:45px;line-height:1.05;letter-spacing:-.075em;color:#173a47}
.ops-counter-main>.il-icon{width:18px;height:18px;color:#afbdc2}
.ops-counter small{font-size:11px;color:#7c9298}
.ops-counter-late .ops-counter-main strong{color:#a34a38}
.ops-counter-live .ops-counter-main strong{color:#047d72}
.ops-columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:16px;align-items:stretch}
.ops-surface{min-width:0;background:#fff;border:1px solid var(--ops-edge);border-radius:12px;overflow:hidden}
.ops-section-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 22px 18px}
.ops-section-label{font-size:10px;letter-spacing:.14em;font-weight:850;color:#748d92}
.ops-section-top h2{font-size:20px;letter-spacing:-.043em;color:#133541;margin:5px 0 0;font-weight:775}
.ops-text-link{border:0;background:none;display:inline-flex;align-items:center;gap:6px;color:#077b72;font-weight:790;font-size:12px;cursor:pointer;white-space:nowrap;padding:8px;border-radius:6px}
.ops-text-link .il-icon{width:15px;height:15px}
.ops-text-link:hover{background:#edf7f5}
.ops-list-heading{display:grid;grid-template-columns:minmax(0,1fr) 106px 85px 24px;gap:12px;padding:10px 21px;background:#f5f8f7;color:#6a8187;font-size:9px;letter-spacing:.11em;font-weight:800}
.ops-incident-row{border:0;border-top:1px solid #e9eeee;background:#fff;color:inherit;width:100%;min-height:79px;cursor:pointer;display:grid;grid-template-columns:4px minmax(0,1fr) 106px 85px 24px;gap:12px;padding:13px 21px;align-items:center;text-align:left}
.ops-incident-row:hover{background:#f3f9f8}
.ops-incident-indicator{background:#7fa39d;border-radius:3px;min-height:40px}
.ops-incident-indicator.priority-1{background:#c15f50}
.ops-incident-indicator.priority-2{background:#d19b42}
.ops-incident-indicator.priority-3{background:#3e9d8f}
.ops-incident-primary{display:grid;gap:5px;min-width:0}
.ops-incident-primary strong{font-size:13.5px;font-weight:780;color:#203947;overflow-wrap:anywhere}
.ops-incident-primary small{font-size:11px;color:#789097;overflow-wrap:anywhere}
.ops-row-state{justify-self:start}
.ops-incident-date{font-size:11px;color:#6b8085;white-space:nowrap}
.ops-row-arrow{color:#8aa5a7}
.ops-row-arrow .il-icon{width:16px;height:16px}
.ops-followup{display:flex;flex-direction:column}
.ops-task-row{display:flex;gap:11px;align-items:center;border:0;border-top:1px solid #e9eeee;background:#fff;text-align:left;min-height:72px;padding:13px 21px;width:100%;cursor:pointer;color:inherit}
.ops-task-row:hover{background:#f3f9f8}
.ops-task-row>span:nth-child(2){display:grid;gap:5px;min-width:0;flex:1}
.ops-task-row strong{font-size:12.5px;color:#193946;overflow-wrap:anywhere}
.ops-task-row small{font-size:11px;color:#708993;overflow-wrap:anywhere}
.ops-task-dot{height:9px;width:9px;background:#c3a153;border-radius:50%;flex:0 0 9px}
.ops-task-dot.is-late{background:#cb6151}
.ops-alert-summary{background:#edf7f3;border-top:1px solid #dcefe7;color:#366b58;margin-top:auto;padding:14px 21px;font-weight:710;font-size:11px}
.ops-alert-summary.has-late{background:#fff4ed;border-color:#f4ddcf;color:#995336}
.ops-blank{display:grid;justify-items:start;gap:8px;padding:27px 22px;color:#6e838b;font-size:12px}
.ops-blank strong{font-size:14px;color:#284550}
.ops-blank p{margin:0 0 7px}
.ops-workflow{background:#fff;border:1px solid var(--ops-edge);border-radius:12px;overflow:hidden}
.ops-workflow-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e8eeee}
.ops-workflow-links button{padding:20px;display:grid;grid-template-columns:39px minmax(0,1fr) 15px;column-gap:12px;row-gap:4px;align-items:center;text-align:left;color:#223b45;background:#fff;border:0;border-right:1px solid #e8eeee;cursor:pointer}
.ops-workflow-links button:last-child{border-right:0}
.ops-workflow-links button:hover{background:#f0f9f6}
.ops-workflow-links button>span{grid-row:1/3;width:38px;height:38px;background:#e5f2ee;border:1px solid #d4e7e1;border-radius:9px;display:grid;place-items:center;color:#08776d}
.ops-workflow-links button>span .il-icon{width:19px;height:19px}
.ops-workflow-links strong{font-size:13px}
.ops-workflow-links small{font-size:11px;color:#7b9297;grid-column:2}
.ops-workflow-links button>.il-icon{grid-column:3;grid-row:1/3;color:#85a09f;width:16px;height:16px}
/* Incident is an operational detail surface, not a marketing banner */
.incident-command-card{background:#fff!important;border:1px solid var(--ops-edge)!important;border-left:5px solid #098378!important;box-shadow:none!important;border-radius:12px!important}
.incident-command-card :is(h1,h2){color:var(--ops-strong)!important}
.incident-command-kicker{color:#4a807c!important}
.incident-command-meta{color:#5d7680!important}
.classic-incident-panel,.classic-duty-sheet,.classic-template-layout{box-shadow:none!important}
.incident-dock-item.active{color:#087e72!important}
/* Sheet and menu are high-priority interactions */
.sheet-overlay{z-index:100!important}
.bottom-sheet{border-radius:18px 18px 0 0!important;box-shadow:0 -16px 50px #061e2933!important}
.sheet-heading{border-bottom:1px solid var(--ops-edge)}
.sheet-heading h2{color:#133540}
.mobile-nav-backdrop{z-index:70!important}
.mobile-bottom-nav{border-top:1px solid #dce8e5!important;background:rgba(255,255,255,.98)!important}
.mobile-bottom-link.active{color:#078279!important;background:#e2f3ee!important}
.mobile-bottom-create .mobile-create-icon{background:var(--ops-accent)!important;box-shadow:0 4px 15px #0d767337!important}
.mobile-bottom-create .mobile-create-label{color:#07776f!important}
/* Login as a quiet, task-first access page */
.login-body{background:#eaf1f0!important}
.login-showcase{background:#0b2c39!important}
.login-card{border-radius:12px!important;box-shadow:0 15px 40px #102b3420!important}
.login-card h1{color:#0c3240!important}
.login-card .btn.primary{height:50px}
}
@media screen and (max-width:1100px){
 .app-shell{grid-template-columns:220px minmax(0,1fr)!important}
 .ops-columns{grid-template-columns:minmax(0,1fr) minmax(265px,.8fr)}
 .ops-counter{padding:18px}
 .ops-counter-main strong{font-size:39px}
}
@media screen and (max-width:900px){
 .ops-columns{grid-template-columns:minmax(0,1fr)}
 .ops-counters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ops-counter:nth-child(2){border-right:0}
 .ops-counter:nth-child(-n+2){border-bottom:1px solid #e4eded}
 .ops-workflow-links button{padding:14px}
}
@media screen and (max-width:760px){
 .app-shell{display:block!important}
 /* Regression fix: drawer MUST be above its backdrop; backdrop must not intercept clicks */
 .sidebar{position:fixed!important;top:0;bottom:0;left:0;z-index:81!important;width:min(338px,89vw)!important;height:100dvh!important;padding:20px 13px calc(18px + env(safe-area-inset-bottom,0px))!important;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-110%);visibility:hidden;pointer-events:none}
 .mobile-menu-open .sidebar{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}
 .mobile-nav-backdrop{position:fixed!important;inset:0!important;z-index:80!important;opacity:0;visibility:hidden;pointer-events:none}
 .mobile-menu-open .mobile-nav-backdrop{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
 .mobile-drawer-close{color:#eff!important;background:#244854!important;border:1px solid #3b5c66!important}
 .sidebar-nav .nav-link{min-height:49px!important}
 .mobile-menu-toggle{color:#0d3540!important;background:#eef4f2!important;border:1px solid #ccdcd9!important}
 .topbar{height:61px;padding:0 15px!important}
 .topbar-breadcrumb{font-size:15px}
 .topbar-state{display:none}
 .page{padding:22px 14px calc(113px + env(safe-area-inset-bottom,0px))!important}
 .ops-titlebar{align-items:start;flex-direction:column;gap:15px;padding-bottom:17px}
 .ops-titlebar h1{font-size:37px}
 .ops-overline{font-size:9px}
 .ops-title-actions{width:100%}
 .ops-title-actions .btn{flex:1 1 auto}
 .ops-counters{border-radius:10px}
 .ops-counter{padding:15px 16px}
 .ops-counter-main strong{font-size:36px}
 .ops-counter-label{font-size:11px}
 .ops-counter small{font-size:10px}
 .ops-section-top{padding:18px 15px 15px}
 .ops-section-top h2{font-size:18px}
 .ops-list-heading{display:none}
 .ops-incident-row{grid-template-columns:4px minmax(0,1fr) auto 16px;gap:9px;min-height:80px;padding:13px 14px}
 .ops-incident-date{display:none}
 .ops-incident-primary strong{font-size:13px}
 .ops-incident-primary small{font-size:11px}
 .ops-task-row{padding:13px 14px}
 .ops-alert-summary{padding:13px 14px}
 .ops-workflow-links{grid-template-columns:1fr}
 .ops-workflow-links button{border-right:0;border-bottom:1px solid #e8eeee;padding:15px}
 .ops-workflow-links button:last-child{border-bottom:0}
 .ops-workflow .ops-section-top{padding-bottom:15px}
 .panel{padding:17px}
 .toast{z-index:120}
}
@media screen and (max-width:360px){
 .ops-incident-row{grid-template-columns:4px minmax(0,1fr) 16px}
 .ops-incident-row .ops-row-state{display:none}
 .ops-titlebar h1{font-size:33px}
 .ops-section-top{gap:5px}
 .ops-text-link{font-size:11px}
}
@media (prefers-reduced-motion:reduce){.sidebar,.mobile-nav-backdrop,.ops-counter,.ops-workflow-links button{transition:none!important}}
@media screen {
.ops-index{display:grid;gap:18px}
.ops-index-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;border-bottom:1px solid #e8efef}
.ops-index-header h2{font-size:20px;color:#163843;margin:0 0 5px}
.ops-index-header p{font-size:12px;color:#738992;margin:0}
.ops-index-count{color:#557279;background:#eff5f4;border:1px solid #e0eae7;border-radius:6px;padding:6px 9px;font-size:11px;font-weight:750;white-space:nowrap}
.ops-filter-row{padding:14px 22px;display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid #e8efef}
.ops-filter{background:#fff;color:#527078;min-height:36px;border:1px solid #d8e4e4;border-radius:7px;padding:8px 13px;font-size:12px;font-weight:720;cursor:pointer}
.ops-filter:hover{background:#eef8f6}
.ops-filter.is-active{background:#0c706b;color:#fff;border-color:#0c706b}
.ops-index-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e9eeee;padding:16px 22px}
.ops-index-entry:last-child{border-bottom:0}
.ops-index-entry-heading{display:flex;align-items:center;gap:14px;min-width:0}
.ops-index-entry-heading .ops-incident-indicator{flex:0 0 4px}
.ops-index-entry-heading>div{display:grid;gap:6px;min-width:0}
.ops-index-entry-heading strong{font-size:14px;color:#123b45;overflow-wrap:anywhere}
.ops-index-entry-heading small{font-size:11px;color:#779098;overflow-wrap:anywhere}
.ops-index-entry-actions{display:flex;align-items:center;gap:13px;flex:none}
}
@media screen and (max-width:760px){
.ops-index-header{padding:17px 14px;align-items:start}
.ops-filter-row{padding:12px 14px}
.ops-index-entry{padding:15px 14px;align-items:start;gap:12px}
.ops-index-entry-actions{flex-direction:column;align-items:end;gap:8px}
.ops-index-entry-actions .btn{min-height:38px}
}
@media screen {
.ops-document-day{border-top:1px solid #e6efef;padding:12px 0 0}
.ops-document-day>h3{font-size:11px;letter-spacing:.1em;color:#658088;text-transform:uppercase;margin:0;padding:8px 22px 12px}
.ops-document-entry{display:flex;gap:14px;align-items:center;min-height:86px;padding:15px 22px;border-top:1px solid #edf1f1;background:#fff}
.ops-doc-glyph,.ops-library-card-icon{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #d8e9e5;background:#e8f5f1;color:#147b73;border-radius:9px}
.ops-doc-glyph .il-icon,.ops-library-card-icon .il-icon{width:21px;height:21px}
.ops-doc-main{display:grid;gap:6px;min-width:0;flex:1}
.ops-doc-main strong{font-weight:780;font-size:14px;color:#143e4a;overflow-wrap:anywhere}
.ops-doc-main small{font-size:11px;color:#779198;overflow-wrap:anywhere}
.ops-doc-actions{display:flex;gap:6px;flex-wrap:wrap}
.ops-doc-actions .btn{min-height:35px;font-size:11px;padding:6px 11px}
.ops-library-grid{padding:17px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:13px}
.ops-library-card{min-width:0;background:#fff;border:1px solid #dce9e8;border-radius:10px;padding:19px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px}
.ops-library-card-icon{grid-row:1/3}
.ops-library-content{min-width:0}
.ops-library-top{display:flex;gap:8px;align-items:start;justify-content:space-between}
.ops-library-top strong{font-size:14px;color:#153b46;overflow-wrap:anywhere}
.ops-library-card p{font-size:12px;color:#617e84;line-height:1.45;margin:9px 0}
.ops-library-card small{font-size:11px;color:#7b9298}
.ops-library-actions{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap;padding-top:13px;border-top:1px solid #e9eeee}
.ops-library-actions .btn{font-size:11px;min-height:36px}
}
@media screen and (max-width:760px){
.ops-document-day>h3{padding-inline:14px}
.ops-document-entry{padding:13px 14px;gap:10px;flex-wrap:wrap}
.ops-doc-glyph{flex-basis:34px;width:34px;height:34px}
.ops-doc-main{flex-basis:calc(100% - 60px)}
.ops-document-entry>.badge{margin-left:45px}
.ops-doc-actions{margin-left:auto}
.ops-library-grid{padding:12px;grid-template-columns:minmax(0,1fr)}
}

/* v19 – streamlined incident log and compact native date inputs */
@media screen {
 /* One list, one divider between posts. Remove the inherited extra card outlines. */
 .incident-workspace-content .classic-timeline {
   display:block;
   padding:4px 20px 15px;
 }
 .incident-workspace-content .classic-log-entry {
   margin:0!important;
   padding:15px 4px 16px 16px!important;
   border:0!important;
   border-bottom:1px solid #dce7e7!important;
   border-radius:0!important;
   background:transparent!important;
   box-shadow:none!important;
   overflow:visible;
 }
 .incident-workspace-content .classic-log-entry:last-child {border-bottom:0!important}
 .incident-workspace-content .classic-log-entry::before {
   left:0;
   top:16px;
   bottom:16px;
   width:3px;
 }
 .incident-workspace-content .classic-log-head {
   border:0!important;
   padding:0!important;
   background:transparent!important;
 }
 .incident-workspace-content .classic-log-body {margin-top:9px;}

 /* Date/time controls must shrink with their form grid columns, including iOS Safari/PWA. */
 .field, .form-grid > *, .sheet-body, .bottom-sheet {
   min-width:0;
   max-width:100%;
 }
 .field input:is([type="date"],[type="datetime-local"],[type="time"]),
 .sheet-body input:is([type="date"],[type="datetime-local"],[type="time"]) {
   display:block;
   box-sizing:border-box!important;
   width:100%!important;
   max-width:100%!important;
   min-width:0!important;
   height:46px;
   min-height:46px;
   padding:10px 11px!important;
   font:inherit;
   font-size:16px;
   line-height:normal;
 }
 .sheet-body .form-grid {min-width:0;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr));}
 .sheet-body input:is([type="date"],[type="datetime-local"],[type="time"])::-webkit-date-and-time-value {
   min-width:0;
   text-align:left;
 }
 .sheet-body input:is([type="date"],[type="datetime-local"],[type="time"])::-webkit-datetime-edit {
   min-width:0;
   padding:0;
 }
 .sheet-body input:is([type="date"],[type="datetime-local"],[type="time"])::-webkit-calendar-picker-indicator {
   margin-left:auto;
 }
}
@media screen and (max-width:760px) {
 .sheet-body .form-grid {grid-template-columns:minmax(0,1fr);}
}

/* v21: native mobile date controls may have an oversized intrinsic width.
   Give them a compact visual width instead of stretching them across every sheet.
   These rules cover both bottom sheets and any other form using .field. */
@media screen {
  .field:has(> input:is([type="date"],[type="datetime-local"],[type="time"])) {
    min-inline-size: 0;
    max-inline-size: 100%;
  }
  .field > input:is([type="date"],[type="datetime-local"],[type="time"]),
  .sheet-body input:is([type="date"],[type="datetime-local"],[type="time"]) {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    display: block !important;
    inline-size: min(100%, 248px) !important;
    width: min(100%, 248px) !important;
    max-inline-size: 100% !important;
    max-width: 100% !important;
    min-inline-size: 0 !important;
    min-width: 0 !important;
    block-size: 46px !important;
    height: 46px !important;
    min-block-size: 46px !important;
    min-height: 46px !important;
    padding: 10px 11px !important;
    margin: 0;
    font-size: 16px !important;
    line-height: 24px;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
  }
  .field > input[type="time"], .sheet-body input[type="time"] {
    inline-size: min(100%, 184px) !important;
    width: min(100%, 184px) !important;
  }
  .field > input:is([type="date"],[type="datetime-local"],[type="time"])::-webkit-date-and-time-value,
  .sheet-body input:is([type="date"],[type="datetime-local"],[type="time"])::-webkit-date-and-time-value {
    min-inline-size: 0;
    max-inline-size: 100%;
    text-align: left;
  }
  .field > input:is([type="date"],[type="datetime-local"],[type="time"])::-webkit-datetime-edit-fields-wrapper,
  .sheet-body input:is([type="date"],[type="datetime-local"],[type="time"])::-webkit-datetime-edit-fields-wrapper {
    min-inline-size: 0;
    max-inline-size: 100%;
  }
  .sheet-body .form-grid, .modal .form-grid, .field {
    min-inline-size: 0;
    max-inline-size: 100%;
  }
}

/* v22 – iPhone PWA: do not let WebKit's intrinsic datetime-local control size
   the visible field. The real input is retained as a full-size, tappable overlay. */
@media screen {
 .field.il-compact-date-field {min-width:0;max-width:100%;}
 .field .il-date-shell {
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  height:46px;
  min-height:46px;
  max-height:46px;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  padding:0 12px;
  border:1px solid #c9d8d9;
  border-radius:8px;
  background:#fff;
  color:#162733;
  box-sizing:border-box;
  font-size:16px;
  line-height:1.2;
  font-weight:500;
 }
 .field .il-date-shell:focus-within {
  border-color:#128b82;
  box-shadow:0 0 0 3px #d4f1ec;
 }
 .il-date-text {
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  pointer-events:none;
 }
 .il-date-symbol {
  flex:none;
  font-size:21px;
  line-height:1;
  color:#617785;
  pointer-events:none;
 }
 .field .il-date-shell > input.il-date-native:is([type="date"],[type="datetime-local"],[type="time"]) {
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  inline-size:100%!important;
  height:100%!important;
  block-size:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  opacity:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  cursor:pointer;
  pointer-events:auto!important;
  touch-action:manipulation;
 }
 @media (prefers-reduced-motion: reduce) { .il-date-shell {transition:none;} }
}

/* v24: account name/version and a responsive offline view. */
@media screen {
 .sidebar-account .sidebar-account-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
 .sidebar-account .sidebar-account-name{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;justify-content:space-between}
 .sidebar-account .sidebar-account-name strong{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .sidebar-account .sidebar-version{color:#d5eae5!important;background:#23514d;border:1px solid #39716a;border-radius:6px;padding:3px 5px;font-size:10px;font-variant-numeric:tabular-nums;font-weight:750;flex:0 0 auto;letter-spacing:0}
 .sidebar-account .sidebar-role{font-size:11px;color:#a9c1c7!important}
 .report-log-option{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:11px;padding:14px;border:1px solid var(--ops-edge);border-radius:10px;background:#f5f9f8;line-height:1.4}
 .report-log-option input[type=checkbox]{width:19px;height:19px;min-width:19px;margin:0;accent-color:#097f79}
 .il-offline-overlay{position:fixed;z-index:9999;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#edf3f2;color:#162733;text-align:center}
 .il-offline-card{max-width:420px;width:100%;border-radius:24px;background:white;border:1px solid #dce6e7;padding:clamp(22px,5vw,42px);box-shadow:0 15px 60px #102c3818}
 .il-offline-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;margin:0 auto 20px;background:#e3f3ef;color:#0b736a;font-size:42px}
 .il-offline-kicker{font-size:11px;letter-spacing:.15em;font-weight:800;color:#087f79}
 .il-offline-card h1{margin:8px 0 12px;font-size:clamp(27px,6vw,38px);line-height:1.12}
 .il-offline-card p:not(.il-offline-kicker){color:#627583;font-size:15px;line-height:1.55}
 .il-offline-card button{margin-top:22px;width:100%;max-width:240px}
}

/* v27: nonblocking offline state and compact recoverable-operation panels */
.il-offline-banner {position:fixed;z-index:110;top:env(safe-area-inset-top,0px);left:50%;transform:translateX(-50%);max-width:min(92vw,580px);background:#fef3c7;color:#713f12;border:1px solid #f59e0b;border-radius:0 0 12px 12px;padding:9px 13px;font-size:12px;box-shadow:0 6px 20px #0002;text-align:center;pointer-events:none}
@media(max-width:760px){.il-offline-banner{font-size:11px;line-height:1.3;width:calc(100% - 32px);}}