/*
 * Odafim Planner v125.0.0-clean-staging.8
 * Cross-application UX system
 * Direction: Odoo-like operational density + monday.com-like hierarchy and polish.
 * This file is intentionally loaded after the legacy component CSS so the redesign
 * remains a coherent, removable presentation layer with no data-contract changes.
 */
:root{
  --ux-canvas:#f3f5f8;
  --ux-surface:#ffffff;
  --ux-surface-muted:#f7f8fa;
  --ux-surface-hover:#f4f7fb;
  --ux-surface-selected:#eaf2ff;
  --ux-surface-selected-strong:#dceafe;
  --ux-ink:#172033;
  --ux-ink-muted:#58677a;
  --ux-ink-faint:#7b8797;
  --ux-border:#dbe1e8;
  --ux-border-strong:#bcc7d4;
  --ux-accent:#2463d4;
  --ux-accent-hover:#1d53b8;
  --ux-accent-soft:#eaf2ff;
  --ux-teal:#0b7a75;
  --ux-teal-soft:#e5f5f3;
  --ux-success:#197447;
  --ux-success-soft:#e8f6ee;
  --ux-warning:#9a5c0a;
  --ux-warning-soft:#fff4df;
  --ux-danger:#b1322f;
  --ux-danger-soft:#fdeceb;
  --ux-nav:#172237;
  --ux-nav-deep:#111a2a;
  --ux-nav-text:#b8c4d3;
  --ux-nav-selected:#263b5d;
  --ux-radius:7px;
  --ux-radius-lg:9px;
  --ux-shadow-float:0 12px 34px rgba(19,32,51,.16);
  --sidebar-width:178px;
  --topbar-height:44px;

  /* aliases used by established workflow CSS */
  --surface-1:var(--ux-surface);
  --surface-2:var(--ux-surface-muted);
  --surface-3:#edf1f5;
  --blue-50:var(--ux-accent-soft);
  --blue-400:#6e9ce4;
  --border-subtle:var(--ux-border);
  --text-muted:var(--ux-ink-muted);
  --color-surface:var(--ux-surface);
  --color-surface-muted:#e8edf3;
  --color-surface-subtle:var(--ux-surface-muted);
  --color-surface-hover:var(--ux-surface-hover);
  --color-border:var(--ux-border);
  --color-border-strong:var(--ux-border-strong);
  --color-text-muted:var(--ux-ink-muted);
  --color-accent:var(--ux-accent);
}

html,body,#app{background:var(--ux-canvas)}
body{color:var(--ux-ink);font-size:13px;line-height:1.38;letter-spacing:-.003em}
button,input,select{font-size:13px}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid rgba(36,99,212,.58);outline-offset:2px}

/* Compact controls and consistent action hierarchy */
input,select{min-height:34px;height:34px;border-color:var(--ux-border-strong);border-radius:6px;padding:6px 9px;background:var(--ux-surface)}
input:focus,select:focus{border-color:var(--ux-accent);box-shadow:0 0 0 2px rgba(36,99,212,.13)}
label{gap:4px;margin-bottom:10px;font-size:12px}
.button{min-height:34px;padding:6px 11px;border-radius:6px;font-size:12.5px;font-weight:690;gap:6px}
.button.compact{min-height:30px;padding:4px 9px;font-size:12px}
.button.primary{background:var(--ux-accent);border-color:var(--ux-accent);color:#fff}
.button.primary:hover{background:var(--ux-accent-hover);border-color:var(--ux-accent-hover)}
.button.secondary{background:var(--ux-surface);border-color:var(--ux-border-strong);color:var(--ux-ink)}
.button.secondary:hover{background:var(--ux-surface-hover);border-color:#9eadbd}
.button.tertiary{color:var(--ux-accent)}
.icon-button{width:34px;height:34px;border-radius:6px}
.button:disabled,.collection-control:disabled{opacity:.42;filter:saturate(.45);box-shadow:none}

/* Application shell */
.app-shell{padding-inline-start:var(--sidebar-width)}
.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,var(--ux-nav),var(--ux-nav-deep));border-inline-end:1px solid rgba(255,255,255,.055)}
.sidebar-brand{height:var(--topbar-height);padding-inline:11px;gap:8px;background:rgba(5,12,23,.16)}
.sidebar-brand img{width:27px;height:27px}
.sidebar-brand-copy strong{font-size:12.5px;font-weight:720}
.sidebar-brand-copy span{font-size:8.5px;color:#8f9db0}
.sidebar-nav{padding:10px 7px;gap:2px}
.nav-item{min-height:35px;grid-template-columns:19px minmax(0,1fr);gap:9px;border-radius:6px;padding:0 9px;color:var(--ux-nav-text);font-size:12.5px;font-weight:610}
.nav-item .app-icon{width:17px;height:17px}
.nav-item:hover{background:rgba(255,255,255,.055)}
.nav-item.active{background:var(--ux-nav-selected);border-color:rgba(124,169,231,.2);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.nav-item.active::before{inset-inline-start:-7px;width:3px;height:19px;background:#72a7f0}
.sidebar-footer{padding:7px}
.profile-card{padding:7px;border-radius:6px;grid-template-columns:30px minmax(0,1fr);gap:8px;background:rgba(255,255,255,.04)}
.profile-avatar{width:30px;height:30px;font-size:11px;background:#334f73}
.profile-copy strong{font-size:11.5px}.profile-copy span{font-size:9.5px}

.topbar{height:var(--topbar-height);padding:0 12px;background:rgba(255,255,255,.97);border-bottom-color:var(--ux-border);backdrop-filter:blur(10px)}
.topbar-start,.topbar-end{gap:9px}
.topbar-context{gap:9px}
.topbar-context strong{font-size:12.5px;font-weight:710}
.topbar-context span{font-size:10.5px}
.environment-badge{padding:3px 7px;font-size:9px;border-radius:5px;letter-spacing:.045em}
.topbar-user{gap:7px;padding-inline-start:10px}
.topbar-user-copy strong{font-size:11.5px}.topbar-user-copy span{font-size:9px}
.main-content{max-width:none;margin:0;padding:10px 12px 18px}

/* Workspace identity is a compact application header, not a card/hero. */
.workspace-header{min-height:52px;margin:0 0 8px;padding:4px 2px;background:transparent;border:0;border-radius:0;gap:14px}
.workspace-eyebrow{font-size:9px;color:var(--ux-accent);letter-spacing:.055em}
.workspace-title-row{gap:8px}
.workspace-title-row h1{font-size:20px;line-height:1.12;font-weight:735;color:var(--ux-ink)}
.workspace-meta{padding:2px 7px;font-size:10.5px;border-radius:5px;background:#e9edf2;border-color:#d7dee6;color:#4d5c70}
.workspace-description{margin:1px 0 0;font-size:11.5px;color:var(--ux-ink-muted)}
.workspace-actions{gap:6px}

/* Shared work surfaces */
.task-toolbar{min-height:42px;margin-bottom:7px;padding:4px 5px;border-radius:var(--ux-radius);border-color:var(--ux-border);gap:5px;box-shadow:0 1px 1px rgba(19,32,51,.02)}
.toolbar-search{min-width:230px}.toolbar-search input{height:32px;min-height:32px}
.toolbar-search .app-icon{inset-inline-start:10px;width:15px;height:15px}
.toolbar-search input{padding-inline-start:32px}
.toolbar-result{font-size:11px;padding-inline:7px}
.segmented-control{padding:2px;border-radius:6px;background:#eef1f5}
.segment-button{min-height:28px;padding:0 9px;border-radius:5px;font-size:11.5px}
.segment-button.active{color:var(--ux-accent);box-shadow:0 1px 2px rgba(19,32,51,.1)}
.panel,.work-surface{border-color:var(--ux-border);border-radius:var(--ux-radius-lg);box-shadow:none}
.panel{padding:14px;margin-bottom:8px}
.panel h2,.section-heading h2{font-size:14.5px;font-weight:720}
.panel p,.section-heading p{font-size:11.5px;line-height:1.45}
.work-surface{min-height:300px}
.section-heading{margin-bottom:10px;gap:10px}

/* Dashboard: one compact KPI rail, one operational list, quiet shortcuts. */
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:8px;background:var(--ux-surface);border:1px solid var(--ux-border);border-radius:var(--ux-radius-lg);overflow:hidden}
.metric-card{min-height:64px;border:0;border-inline-end:1px solid var(--ux-border);border-radius:0;padding:9px 12px;grid-template-columns:31px minmax(0,1fr);gap:9px;background:transparent}
.metric-card:last-child{border-inline-end:0}
.metric-icon{width:31px;height:31px;border-radius:6px}.metric-icon .app-icon{width:17px;height:17px}
.metric-card span{font-size:10.5px}.metric-card strong{font-size:19px}.metric-card small{font-size:9.5px}
.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,.65fr);gap:8px}
.readiness-head{padding:10px 13px}.readiness-head h2{font-size:14.5px}.readiness-head p{margin:2px 0 0;font-size:11px}
.readiness-item{grid-template-columns:25px minmax(0,1fr) auto;gap:9px;padding:9px 13px}
.readiness-icon{width:24px;height:24px}.readiness-icon .app-icon{width:14px;height:14px}
.readiness-copy strong{font-size:12px}.readiness-copy span{font-size:10.5px;margin-top:1px}
.quick-actions{gap:5px}.quick-action{padding:9px 10px;border-radius:var(--ux-radius);gap:9px;min-height:54px}
.quick-action:hover{border-color:#9fb7d6;background:var(--ux-surface-selected)}
.quick-action-icon{width:29px;height:29px;border-radius:6px}.quick-action-copy strong{font-size:12px}.quick-action-copy span{font-size:10.5px}

/* Status and feedback */
.status-badge{min-height:22px;padding:2px 7px;border-radius:999px;font-size:10px;gap:4px}
.status-badge .app-icon{width:12px;height:12px}
.toast-host{inset-block-start:52px;inset-inline-end:12px;width:min(340px,calc(100vw - 24px));gap:6px}
.toast{min-height:38px;padding:8px 10px;border-radius:7px;box-shadow:var(--ux-shadow-float);font-size:12px}
#global-status{bottom:12px;inset-inline-end:12px;min-width:260px;max-width:390px;border-radius:8px;padding:9px 11px;box-shadow:var(--ux-shadow-float)}

/* Dense operational tables */
.inventory-workspace,.order-list-surface{min-height:330px}
.inventory-table-wrap,.order-table-wrap,.approval-table-wrap{scrollbar-gutter:stable}
.inventory-table,.order-table,.approval-table{font-size:11.5px}
.inventory-table th,.order-table th,.approval-table th{height:31px;padding:5px 8px;background:#f2f4f7;color:#667487;font-size:9.5px;letter-spacing:.045em}
.inventory-table td,.order-table td{height:38px;padding:5px 8px}
.inventory-table tbody tr:hover,.order-table tbody tr:hover{background:var(--ux-surface-hover)}
.inventory-summary-row.expanded td{background:#edf4ff}
.category-cell{grid-template-columns:44px minmax(0,1fr);gap:6px}.category-code{font-size:11.5px}.category-description{font-size:11px}
.location-chip{padding:2px 6px;border-radius:5px;background:#edf1f5;border-color:#d8dfe7;font-size:10.5px}
.row-expander{width:27px;height:27px}.row-action{gap:4px}
.slot-detail-panel{background:#f7f9fc;border-color:#cbd6e3;border-inline-start:3px solid var(--ux-accent);padding:9px}
.slot-grid{gap:5px}.slot-card{border-radius:6px;padding:7px}.slot-card-head{font-size:10.5px}

/* Orders */
.order-toolbar{grid-template-columns:minmax(240px,1fr) auto auto}
.order-table,.order-matrix{font-size:11px}
.order-table th,.order-table td,.order-matrix th,.order-matrix td{padding:5px 7px}
.order-composer{min-height:calc(100vh - 115px);grid-template-rows:auto auto minmax(360px,1fr) auto;border-radius:var(--ux-radius-lg)}
.order-stepper{background:#f2f4f7}.order-step{height:38px;font-size:11.5px;border-bottom-width:2px}.order-step span{width:19px;height:19px;font-size:9.5px}
.order-meta-bar{grid-template-columns:160px minmax(240px,1fr) auto;padding:7px 9px;gap:9px}.order-meta-bar input{height:30px;min-height:30px}.order-live-metrics{font-size:10px;gap:9px}.order-live-metrics strong{font-size:11.5px}
.order-step-panel{padding:10px}.order-step-copy{margin-bottom:8px}.order-step-copy h2,.matrix-toolbar h2{font-size:14px}.order-step-copy p,.matrix-toolbar p{font-size:10.5px}
.store-selection-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:5px}.selection-card{min-height:50px;border-radius:6px;padding:6px 8px;grid-template-columns:16px 38px minmax(0,1fr) 16px;gap:6px}.selection-card.selected{background:var(--ux-surface-selected);border-color:#8eb2e6;box-shadow:inset 3px 0 var(--ux-accent)}
.matrix-toolbar{margin-bottom:7px}.category-adder select{min-width:260px}
.order-matrix thead th{height:32px}.order-matrix .matrix-category-head,.order-matrix tbody th{min-width:220px;max-width:220px}.matrix-quantity{width:62px;height:29px;min-height:29px}.matrix-fill input{height:24px;min-height:24px}
.order-action-bar{min-height:46px;padding:6px 9px}.review-summary{gap:5px;margin-bottom:8px}.review-summary article{padding:7px 9px;border-radius:6px}.review-summary strong{font-size:16px}
.order-review-list{gap:4px}.order-review-store{border-radius:6px}.order-review-store summary{padding:7px 9px}.review-line{padding:5px 9px}

/* Approval and dispatch */
.approval-summary-strip{gap:0;margin-bottom:7px;background:var(--ux-surface);border:1px solid var(--ux-border);border-radius:var(--ux-radius-lg);overflow:hidden}
.approval-summary-strip article{min-height:49px;border:0;border-inline-end:1px solid var(--ux-border);border-radius:0;padding:6px 10px;background:transparent}.approval-summary-strip article:last-child{border-inline-end:0}
.approval-summary-strip span{font-size:9px}.approval-summary-strip strong{font-size:17px}.approval-summary-strip small{font-size:9.5px}
.approval-workspace{grid-template-columns:230px minmax(0,1fr);min-height:540px}
.approval-store-rail{padding:5px;background:#f4f6f9}.approval-store-rail>header{padding:4px 5px 7px}.approval-store-card{min-height:50px;border-radius:6px;padding:5px;grid-template-columns:38px minmax(0,1fr) auto;gap:5px}.approval-store-card.selected{background:var(--ux-surface-selected-strong);border-color:#8fb3e6;box-shadow:inset 4px 0 var(--ux-accent)}
.approval-store-code{font-size:11px}.approval-store-name strong{font-size:11px}.approval-store-totals strong{font-size:14px}
.approval-store-header{min-height:68px;padding:8px 11px}.approval-store-header h2{font-size:16px}.approval-store-header p{font-size:10px}.dispatch-editor{gap:5px}.dispatch-choice button{min-height:29px;padding:0 10px;font-size:11px}.dispatch-editor input{height:30px;min-height:30px}
.approval-line-toolbar{min-height:45px;padding:5px 9px}.approval-line-toolbar strong{font-size:12px}.approval-line-toolbar select{height:30px;min-height:30px;min-width:240px}
.approval-table th{height:30px}.approval-table td{height:38px;padding:4px 8px}.quantity-stepper{grid-template-columns:27px 57px 27px}.quantity-stepper button,.quantity-stepper input{height:29px;min-height:29px}
.approval-history{margin-top:7px;padding:7px 9px}.approval-history article{min-width:175px;padding:7px 9px}.approval-action-bar{min-height:46px;margin-top:7px;padding:5px 8px;border-radius:7px}

/* Progress hierarchy: one dominant order bar, quieter subordinate bars. */
progress.progress-line{height:3px;background:#e6ebf1}
progress.progress-line::-webkit-progress-bar{background:#e6ebf1}
progress.progress-line::-webkit-progress-value,progress.progress-line::-moz-progress-bar{background:#7f9fc8}
progress.progress-primary{height:8px}
progress.progress-primary::-webkit-progress-value,progress.progress-primary::-moz-progress-bar{background:var(--ux-accent)}
progress.progress-secondary{height:5px}
progress.progress-secondary::-webkit-progress-value,progress.progress-secondary::-moz-progress-bar{background:var(--ux-teal)}
progress.progress-compact{height:3px}
progress.progress-compact::-webkit-progress-value,progress.progress-compact::-moz-progress-bar{background:#8ba5c7}
progress.progress-micro{height:3px}
progress.progress-micro::-webkit-progress-value,progress.progress-micro::-moz-progress-bar{background:#6d92c3}
.collection-line.complete progress.progress-micro::-webkit-progress-value,.collection-line.complete progress.progress-micro::-moz-progress-bar{background:var(--ux-success)}

/* Collection */
.collection-order-list{gap:0}.collection-order-card{padding:10px 12px;gap:7px}.collection-order-card:hover{background:var(--ux-surface-selected)}
.collection-status-strip{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(180px,.7fr);gap:6px;margin-bottom:7px}
.collection-status-strip article{min-height:58px;border-radius:var(--ux-radius);padding:7px 10px;gap:4px 8px}
.collection-status-strip article:first-child{border-color:#a8bee0;background:#f7faff}.collection-status-strip article:nth-child(2){background:#f7fbfa}
.collection-status-strip span{font-size:10.5px;color:var(--ux-ink-muted)}.collection-status-strip strong{font-size:17px}.collection-status-strip small{font-size:9.5px}
.collection-sync-summary{align-content:center}.collection-sync-summary strong{font-size:16px}
.collection-workspace{grid-template-columns:244px minmax(0,1fr);min-height:540px;border-radius:var(--ux-radius-lg)}
.collection-store-rail{background:#f4f6f9}.collection-store{padding:8px 9px;gap:5px;min-height:61px}.collection-store.selected{background:var(--ux-surface-selected-strong);box-shadow:inset 4px 0 var(--ux-accent)}
.collection-store>div{gap:5px}.collection-store>div>strong{font-size:11.5px}.collection-store small{font-size:9.5px}.collection-store .status-badge{padding:1px 5px}
.collection-store-header{min-height:65px;padding:8px 12px}.collection-store-header h2{margin:2px 0;font-size:16px}.collection-store-header p{font-size:10.5px}.store-progress-large strong{font-size:21px}.store-progress-large span{font-size:10.5px}
.collection-line{grid-template-columns:minmax(210px,1fr) minmax(110px,190px) auto;gap:10px;padding:7px 11px;min-height:49px}.collection-line.complete{background:#f0f8f3}.collection-line.pending{box-shadow:inset 3px 0 var(--ux-warning)}
.collection-line-copy{gap:7px}.collection-line-copy strong{font-size:11.5px}.collection-line-copy small{font-size:9.5px}.collection-line-progress{font-size:10.5px;gap:6px}
.collection-controls{gap:4px}.collection-control{width:31px;height:30px;border-radius:5px;font-size:17px}.collection-controls input{width:49px;height:30px;min-height:30px;border-radius:5px;font-size:12px}
.collection-operation-panel{border-radius:8px;box-shadow:var(--ux-shadow-float)}

/* Setup and Account: controlled configuration screens, not promotional cards. */
.setup-layout{grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:8px}.setup-guide,.setup-panel,.account-summary,.account-panel{padding:13px}
.setup-steps{gap:0}.setup-step{padding:8px 0}.setup-panel-head{padding:10px 12px}.setup-actions{padding:12px}
.account-layout{grid-template-columns:250px minmax(0,1fr);gap:8px}.account-avatar{width:52px;height:52px;font-size:17px}.account-meta-row{padding:7px 0}

/* Dialogs */
.modal-backdrop{background:rgba(17,26,42,.42);backdrop-filter:blur(2px)}
.modal{border-radius:10px;box-shadow:0 22px 70px rgba(17,26,42,.24)}
.modal-body{padding:18px}.modal-close{width:31px;height:31px}.modal-title{margin-bottom:12px}.modal-title h2{font-size:16px}

/* RTL selected markers */
[dir="rtl"] .nav-item.active::before{border-radius:999px 0 0 999px}
[dir="rtl"] .selection-card.selected,[dir="rtl"] .approval-store-card.selected,[dir="rtl"] .collection-store.selected{box-shadow:inset -4px 0 var(--ux-accent)}

@media(max-width:1120px){
  :root{--sidebar-width:166px}
  .dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(240px,.65fr)}
  .collection-workspace{grid-template-columns:220px minmax(0,1fr)}
  .approval-workspace{grid-template-columns:215px minmax(0,1fr)}
}

@media(max-width:760px){
  :root{--topbar-height:52px;--sidebar-width:282px;--mobile-bottom-nav:64px}
  body{font-size:13px}
  .app-shell{padding-inline-start:0;padding-bottom:var(--mobile-bottom-nav)}
  .topbar{height:var(--topbar-height);padding:0 8px}.topbar-context strong{font-size:11.5px}.environment-badge{font-size:8.5px}.main-content{padding:8px 8px 14px}
  .workspace-header{min-height:48px;margin-bottom:7px;padding:4px 2px;align-items:flex-start}.workspace-title-row h1{font-size:19px}.workspace-description{font-size:11px}.workspace-actions .button{width:34px;height:34px}
  .task-toolbar{min-height:46px;margin-bottom:7px;padding:5px}.filter-controls{padding-top:6px}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.metric-card{min-height:61px;border-bottom:1px solid var(--ux-border)}.metric-card:nth-child(2n){border-inline-end:0}.metric-card:nth-last-child(-n+2){border-bottom:0}
  .dashboard-grid{grid-template-columns:1fr;gap:7px}.quick-actions{grid-template-columns:1fr 1fr}.quick-actions .panel{grid-column:1/-1}.quick-action{min-height:50px}
  .panel{padding:11px;margin-bottom:7px}.work-surface{border-radius:7px}
  .inventory-table tbody,.order-table tbody{gap:6px}.inventory-table tr,.order-table tr{border-radius:7px;padding:9px}.inventory-table td,.order-table td{font-size:11.5px}
  .order-composer{min-height:calc(100vh - 135px)}.order-step{height:39px}.order-meta-bar{padding:7px}.order-step-panel{padding:8px}.store-selection-grid{gap:5px}.selection-card{min-height:50px}.order-action-bar{min-height:48px}
  .approval-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.approval-summary-strip article:nth-child(2n){border-inline-end:0}.approval-summary-strip article:nth-child(-n+2){border-bottom:1px solid var(--ux-border)}
  .approval-store-rail{gap:5px;padding:6px}.approval-store-card{min-width:174px;width:174px}.approval-store-header{padding:9px}.approval-line-toolbar{padding:7px}.approval-action-bar{bottom:calc(var(--mobile-bottom-nav) + 5px)}
  .collection-status-strip{grid-template-columns:1fr 1fr;gap:5px}.collection-status-strip article{min-height:55px}.collection-sync-summary{grid-column:1/-1;min-height:45px!important;grid-template-columns:1fr auto!important}.collection-sync-summary small{grid-column:1/-1}
  .collection-workspace{display:block;min-height:0;overflow:visible}.collection-store-rail{display:flex;gap:5px;padding:6px;border:0;border-bottom:1px solid var(--ux-border);overflow:auto}.collection-store{min-width:184px;width:184px;border:1px solid var(--ux-border);border-radius:7px;padding:7px}.collection-store.selected{border-color:#8fb3e6}.collection-store-header{padding:9px;align-items:flex-start}.collection-line{grid-template-columns:1fr;gap:7px;padding:9px}.collection-line-progress{grid-template-columns:1fr auto}.collection-controls{display:grid;grid-template-columns:34px minmax(50px,1fr) 34px minmax(54px,.9fr);gap:5px}.collection-control,.collection-controls input,.collection-all{width:100%!important;height:36px!important;min-height:36px!important}
  .setup-layout,.account-layout{grid-template-columns:1fr;gap:7px}
  .mobile-bottom-nav{height:calc(var(--mobile-bottom-nav) + env(safe-area-inset-bottom));padding:5px 6px env(safe-area-inset-bottom)}.mobile-nav-item{border-radius:6px}.mobile-nav-item.active{background:var(--ux-surface-selected-strong);color:var(--ux-accent)}
  #global-status{bottom:calc(var(--mobile-bottom-nav) + 8px);inset-inline:8px;max-width:none}.toast-host{inset-block-start:60px;inset-inline:8px;width:auto}
}

@media(max-width:380px){
  .quick-actions{grid-template-columns:1fr}
  .metric-grid{grid-template-columns:1fr}.metric-card{border-inline-end:0;border-bottom:1px solid var(--ux-border)!important}.metric-card:last-child{border-bottom:0!important}
  .collection-status-strip{grid-template-columns:1fr}.collection-sync-summary{grid-column:auto}
}
/* Toolbar controls share one compact optical line. */
@media(min-width:761px){
  .task-toolbar{padding:3px 4px;min-height:38px}
  .task-toolbar input,.task-toolbar select,.task-toolbar .button{height:30px;min-height:30px}
}
@media(min-width:761px){
  .task-toolbar{padding:2px 4px}
  .task-toolbar .segmented-control{padding:1px}
  .task-toolbar .segment-button{min-height:26px;height:26px}
}
.collection-status-strip bdi,.collection-store bdi,.store-progress-large bdi,.collection-line-progress bdi{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}