/* Mobile design system v1. Keep desktop rules in their existing modules.
   Component contracts and module criteria: MOBILE-DESIGN.md. */
.mobile-bottom-nav,.mobile-filter-toggle,.mobile-actions-toggle,.mobile-table-tools,
.mobile-record-toggle,.mobile-metrics-toggle,.ss-mobile-close,.mobile-selection-review,.mobile-grid-toggle,.pager-mobile,.mobile-copy-label,.mobile-nav-tools{display:none;}
@media(max-width:760px){
 :root{
  --m-gap:12px;--m-radius:14px;--m-touch:44px;--m-nav:66px;
  --ui-canvas:#f7f8fa;--ui-surface:#fff;--ui-surface-alt:#f1f3f7;
  --ui-text:#252c3b;--ui-muted:#596476;--ui-border:#dce1e9;--ui-control-border:#8a96a9;
  --ui-selected:#e9edff;--ui-accent:#334ac7;--ui-accent-hover:#263aa5;--ui-focus:#334ac7;
  --ink-100:#edf0f6;--table-grid:#dce3ed;--table-stripe:#f0f3f9;
  --brand-text:#3348b6;--brand-600:#334ac7;--table-head:#e1e7f1;--table-head-text:#26334a;
  --m-blue:#285caf;--m-blue-tint:#edf3ff;--m-amber:#805414;--m-amber-tint:#fff3dd;
  --m-purple:#7251a2;--m-purple-tint:#f3edff;--m-teal:#156a79;--m-teal-tint:#e4f5f7;
 }
 :root[data-theme=dark]{
  --ui-canvas:#171b24;--ui-surface:#222834;--ui-surface-alt:#2a3241;--ui-text:#edf0f7;
  --ui-muted:#bac4d6;--ui-border:#424d60;--ui-control-border:#7e8ca4;--ui-selected:#34436a;
  --ui-accent:#becaff;--ui-accent-hover:#d7dfff;--ui-focus:#b8c8ff;--brand-text:#c2ceff;
  --ink-100:#2e3a50;--table-grid:#46546c;--table-stripe:#2c3546;--table-head:#354158;--table-head-text:#f1f4ff;
  --m-blue:#b2ceff;--m-blue-tint:#233951;--m-amber:#f3ce8f;--m-amber-tint:#453b28;
  --m-purple:#d9c1ff;--m-purple-tint:#3b3050;--m-teal:#a6e3ee;--m-teal-tint:#22444b;
 }
 #app-shell{font:14px/1.45 var(--font);}
 #app-shell .main-area{padding-bottom:calc(var(--m-nav) + env(safe-area-inset-bottom));}
 #page-content{padding:12px 12px 24px;scroll-margin-top:70px;}
 #page-content :is(.card,.filter-bar,.table-wrap){min-width:0;max-width:100%;}
 #page-content :is(.card,.card-pad){border-radius:var(--m-radius);box-shadow:none;}
 #page-content .card-pad{padding:12px;}
 #page-content .page-header{gap:8px;margin-bottom:10px;padding-bottom:8px;}
 #page-content :is(.page-title,.page-context h1){font-size:22px;line-height:1.25;margin:0;font-weight:650;}
 /* The sticky app bar already names the page; retain its h1 for semantics. */
 #page-content .page-header .page-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
 #page-content .page-header p{font-size:13px;line-height:1.45;margin-top:4px;}
 #page-content h2{font-size:19px;}#page-content h3{font-size:16px;}
 #page-content .text-sm{font-size:13px;}
 #app-shell .topbar,#app-shell[data-nav-pos=top] .topbar{position:sticky;top:0;z-index:40;min-height:64px;border-bottom:1px solid var(--ui-border);padding:8px 12px;}
 #app-shell :is(.mobile-menu,.mobile-options){border-radius:12px;border-color:var(--ui-border);font-size:12px;padding:8px 10px;}
 #app-shell .topbar-title,#app-shell[data-nav-pos=top] .topbar-title{font-size:14px;font-weight:650;}
 #app-shell .options-open{max-height:85dvh;overflow-y:auto;}
 #app-shell .mobile-bottom-nav{position:fixed;z-index:45;bottom:0;left:0;right:0;display:flex;justify-content:space-around;gap:4px;min-height:var(--m-nav);padding:6px 10px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--ui-border);background:var(--ui-surface);box-shadow:0 -4px 20px #18372f08;}
 .mobile-bottom-nav :is(a,button){display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:50px;background:transparent;border:0;border-radius:12px;color:var(--ui-muted);text-decoration:none;font:500 11px/1.2 var(--font);}
 .mobile-bottom-nav svg{width:21px;height:21px;}
 .mobile-bottom-nav [aria-current=page]{background:var(--ui-selected);color:var(--brand-text);font-weight:700;}
 #app-shell.mobile-nav-open .mobile-bottom-nav,.mobile-keyboard #app-shell .mobile-bottom-nav{display:none;}
 /* A compact, searchable drawer reuses the authorized desktop links. */
 #app-shell.mobile-nav-open .sidebar,#app-shell.mobile-nav-open[data-nav-pos=top] .sidebar{width:min(340px,calc(100vw - 24px));background:var(--ui-surface);color:var(--ui-text);border:0;border-radius:0 18px 18px 0;box-shadow:8px 0 40px #102c4d26;padding-top:env(safe-area-inset-top);}
 #app-shell.mobile-nav-open .sidebar-brand{min-height:62px;padding:12px 52px 10px 16px;gap:8px;border:0;flex-shrink:0;}
 #app-shell.mobile-nav-open .sidebar-brand:hover{background:var(--ui-surface-alt);}
 #app-shell.mobile-nav-open .sidebar-brand-text b{font-size:12px;line-height:1.3;color:var(--ui-text);}
 #app-shell.mobile-nav-open .sidebar-brand-text .brand-tagline{display:none;}
 #app-shell.mobile-nav-open .brand-logo-mark{width:30px;height:30px;border-radius:9px;background:#fff;}
 #app-shell.mobile-nav-open .mobile-nav-close{position:absolute;top:calc(12px + env(safe-area-inset-top));right:10px;display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border-radius:9px;background:var(--ui-surface-alt);color:var(--ui-muted);font:24px/1 var(--font);z-index:1;}
 #app-shell.mobile-nav-open .mobile-nav-tools{display:block;padding:0 14px 10px;flex-shrink:0;border-bottom:1px solid var(--ui-border);}
 .mobile-nav-search{position:relative;}
 #mobile-nav-search{width:100%;min-width:0;height:40px;padding:8px 40px 8px 12px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-surface-alt);color:var(--ui-text);font:16px/1.4 var(--font);}
 #mobile-nav-search::-webkit-search-cancel-button{appearance:none;}
 [data-mobile-nav-clear]:not([hidden]){position:absolute;right:0;top:0;width:40px;height:40px;border:0;background:transparent;color:var(--ui-muted);font-size:22px;}
 #mobile-nav-results{margin:8px 0 0;font-size:12px;color:var(--ui-muted);}
 #app-shell.mobile-nav-open #sidebar-nav{padding:10px 10px calc(16px + env(safe-area-inset-bottom));scrollbar-width:thin;}
 #app-shell.mobile-nav-open .nav-section{padding:0;margin:0 0 8px;}
 #app-shell.mobile-nav-open .nav-section-label{padding:2px 8px 8px;color:var(--ui-muted);font-size:11px;text-transform:none;letter-spacing:.02em;}
 #app-shell.mobile-nav-open .nav-group{margin-bottom:3px;border-radius:10px;}
 #app-shell.mobile-nav-open .nav-group.expanded,#app-shell.mobile-nav-open .nav-group[data-mobile-search-open]{background:var(--ui-surface-alt);}
 #app-shell.mobile-nav-open .nav-link{display:flex;align-items:center;min-height:40px;padding:6px 8px;margin:0;gap:9px;border:0;border-radius:9px;white-space:normal;color:var(--ui-text);font-size:13px;line-height:1.35;box-shadow:none;}
 #app-shell.mobile-nav-open .nav-link:hover{background:var(--ui-selected);color:var(--brand-text);}
 #app-shell.mobile-nav-open .nav-link.active{background:var(--ui-selected);color:var(--brand-text);box-shadow:inset 3px 0 var(--ui-accent);font-weight:650;}
 #app-shell.mobile-nav-open .nav-group:has(a.active)>.nav-group-toggle{color:var(--brand-text);font-weight:650;}
 #app-shell.mobile-nav-open .nav-link .ico{width:28px;height:28px;background:var(--ui-selected);color:var(--brand-text);border-radius:8px;}
 #app-shell.mobile-nav-open [data-group=targets]>.nav-link .ico,#app-shell.mobile-nav-open [data-group=reports]>.nav-link .ico{background:var(--m-blue-tint);color:var(--m-blue);}
 #app-shell.mobile-nav-open [data-group=value-chain]>.nav-link .ico,#app-shell.mobile-nav-open [data-group=sales-incentive-matrix]>.nav-link .ico{background:var(--m-amber-tint);color:var(--m-amber);}
 #app-shell.mobile-nav-open [data-group=scm]>.nav-link .ico,#app-shell.mobile-nav-open [data-group=masters]>.nav-link .ico{background:var(--m-purple-tint);color:var(--m-purple);}
 #app-shell.mobile-nav-open [data-group=sales]>.nav-link .ico,#app-shell.mobile-nav-open [data-group=support]>.nav-link .ico{background:var(--m-teal-tint);color:var(--m-teal);}
 #app-shell.mobile-nav-open .nav-chevron{display:inline-flex;color:var(--ui-muted);}
 #app-shell.mobile-nav-open .nav-group-children{display:none;position:static;background:transparent;border:0;box-shadow:none;min-width:0;width:100%;padding:0 0 4px;}
 #app-shell.mobile-nav-open .nav-group.expanded>.nav-group-children,#app-shell.mobile-nav-open .nav-group[data-mobile-search-open]>.nav-group-children{display:block;}
 #app-shell.mobile-nav-open #sidebar-nav.mobile-nav-searching .nav-group-children{display:none;}
 #app-shell.mobile-nav-open #sidebar-nav.mobile-nav-searching .nav-group[data-mobile-search-open]>.nav-group-children{display:block;}
 #app-shell.mobile-nav-open .nav-group[data-mobile-search-open]>.nav-group-toggle .nav-chevron{transform:rotate(180deg);}
 #app-shell.mobile-nav-open .nav-group-children .nav-link{min-height:38px;padding:7px 10px 7px 18px;font-size:12px;}
 #app-shell.mobile-nav-open .nav-group-children .nav-group-children .nav-link{padding-left:32px;}
 #app-shell.mobile-nav-open .nav-group-children .nav-link .ico{width:18px;height:18px;background:transparent;color:var(--ui-muted);}
 #app-shell.mobile-nav-open .nav-group-children .nav-link.active .ico{color:var(--brand-text);}
 #app-shell .sidebar .mobile-nav-filter-hidden{display:none!important;}
 :is(#app-shell,#modal-root) .btn{min-height:var(--m-touch);font-size:13px;line-height:1.3;padding:8px 12px;border-radius:10px;white-space:normal;}
 :is(#app-shell,#modal-root) .btn-danger{box-shadow:none;}
 :is(#app-shell,#modal-root) .field{margin-bottom:12px;}
 :is(#app-shell,#modal-root) .field label{font-size:12px;line-height:1.4;margin-bottom:5px;font-weight:600;}
 :is(#app-shell,#modal-root) :is(.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea,.ss-trigger){min-height:44px;padding:9px 11px;font-size:16px;line-height:1.4;border-radius:10px;border-color:var(--ui-control-border);}
 .ss-panel{border-radius:14px;box-shadow:0 8px 28px #102c4d26;max-height:60dvh;}
 .ss-panel .ss-search{font-size:16px;min-height:44px;}
 .ss-panel .ss-search{padding-right:64px;}
 .ss-mobile-close{display:block;position:absolute;right:4px;top:4px;min-width:52px;min-height:44px;border:0;border-radius:8px;color:var(--brand-text);background:var(--ui-selected);font:600 12px var(--font);}
 .ss-panel .ss-option{min-height:44px;padding:12px;font-size:15px;}
 :is(#app-shell,#modal-root) input:is([type=checkbox],[type=radio]){width:22px;height:22px;accent-color:#176c50;}
 #page-content .mobile-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;margin-bottom:10px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);}
 #page-content .mobile-filters>.mobile-filter-toggle{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:2px;border:0;background:transparent;text-align:left;color:var(--ui-text);font:600 12px/1.3 var(--font);order:-2;}
 .mobile-filter-name{flex-shrink:0;}
 .mobile-filter-summary{font-weight:400;color:var(--ui-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .mobile-filter-state{margin-left:auto;color:var(--brand-text);padding:5px 8px;border-radius:7px;background:var(--ui-selected);font-size:11px;}
 #page-content .mobile-filters>:is(.field,label){flex:1 1 calc(50% - 8px);min-width:0;margin:0;}
 /* A single search/filter row leaves the records close to the app bar. */
 #page-content .mobile-filters:has(>.search-box)>.mobile-filter-toggle{flex:0 0 92px;width:92px;min-height:44px;order:-1;display:grid;gap:1px;padding:5px 8px;border-radius:8px;background:var(--ui-selected);color:var(--brand-text);}
 #page-content .mobile-filters:has(>.search-box) .mobile-filter-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 #page-content .mobile-filters:has(>.search-box) .mobile-filter-summary{font-size:10px;line-height:1.3;}
 #page-content .mobile-filters:has(>.search-box) .mobile-filter-state{display:none;}
 #page-content .mobile-filters:has(>.search-box)[data-mobile-expanded=true] .mobile-filter-name::after{content:' −';}
 #page-content .mobile-filters>.search-box{flex:1 1 calc(100% - 100px);order:-2;padding:4px 0;}
 #page-content .mobile-filters>.search-box>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
 #app-shell #page-content .mobile-filters>.search-box input{height:36px;min-height:36px;padding-top:5px;padding-bottom:5px;border-radius:8px;}
 #page-content .mobile-filters>.search-box::before{bottom:17px;}
 #page-content .mobile-filters>.search-box::after{bottom:15px;}
 #page-content .mobile-filters[data-mobile-expanded=false]>:not(.mobile-filter-toggle):not(.search-box){display:none!important;}
 #page-content .mobile-actions{display:flex;flex-wrap:wrap;gap:8px;}
 #page-content .mobile-actions>.mobile-actions-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;}
 #page-content .mobile-actions[data-mobile-expanded=false]>:not(.mobile-primary-action):not(.mobile-actions-toggle){display:none!important;}
 #page-content .mobile-actions>.mobile-primary-action{flex:0 1 auto;order:-1;}
 #page-content .mobile-actions>.btn{min-height:36px;padding:7px 10px;font-size:12px;border-radius:8px;}
 #page-content .header-actions{gap:8px;}
 #page-content :is(.tab-bar,.sw-tabs,.sp-tabs){flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;gap:4px;}
 #page-content :is(.tab,.tab-btn,.sw-tabs button,.sp-tabs a){flex-shrink:0;border-radius:10px;font-size:13px;}
 /* Tables stay available for comparisons. Card mode uses the SAME cells. */
 #page-content .table-wrap{border-radius:12px;max-height:none;overscroll-behavior-x:contain;}
 :is(#app-shell,#modal-root) .data-table :is(th,td){text-align:left!important;padding:9px 10px;font-size:13px;line-height:1.4;}
 :is(#app-shell,#modal-root) .data-table td.cell-number{text-align:right!important;}
 :is(#app-shell,#modal-root) .data-table th{font-size:12px;}
 #page-content .table-wrap[data-mobile-view=table]{max-height:65dvh;}
 #page-content .table-wrap[data-mobile-view=table] td{white-space:nowrap;max-width:320px;}
 #page-content .table-wrap[data-mobile-view=table] tbody tr>td:first-child{position:sticky;left:0;z-index:1;background:var(--ui-surface);box-shadow:1px 0 var(--ui-border);}
 #page-content .mobile-table-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;left:0;padding:4px 0;background:var(--ui-surface);font-size:11px;color:var(--ui-muted);}
 .mobile-table-tools button,.mobile-record-toggle button,.mobile-metrics-toggle{position:relative;min-height:32px;border:0;background:transparent;color:var(--brand-text);font:600 12px/1.3 var(--font);padding:4px 6px;}
 /* Utility controls look small; the surrounding clear space is tappable. */
 .mobile-table-tools button::after,.mobile-record-toggle button::after,.mobile-metrics-toggle::after{content:'';position:absolute;inset:-6px 0;}
 #page-content [data-mobile-view=cards]{overflow:visible;border:0;background:transparent;box-shadow:none;}
 #page-content [data-mobile-view=cards] .data-table{display:block;width:100%;border:0;background:transparent;}
 #page-content [data-mobile-view=cards] thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
 #page-content [data-mobile-view=cards] tbody{display:grid;gap:8px;}
 #page-content [data-mobile-view=cards] tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:5px 10px;position:relative;padding:10px 12px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface)!important;}
 #page-content [data-mobile-view=cards] .data-table td{min-width:0;width:auto;min-height:0;padding:0;border:0;text-align:left!important;white-space:normal;overflow-wrap:anywhere;}
 #page-content [data-mobile-view=cards] td::before{content:attr(data-mobile-label);display:block;font-size:11px;line-height:1.35;font-weight:400;color:var(--ui-muted);margin-bottom:2px;}
 #page-content [data-mobile-view=cards] .mobile-record-title{grid-column:1/-1;grid-row:1;order:0;font-size:14px;font-weight:650;line-height:1.35;color:var(--ui-text);}
 #page-content [data-mobile-view=cards] .mobile-record-title .muted{font-size:11px;font-weight:400;line-height:1.4;}
 #page-content [data-mobile-view=cards] :is(.mobile-record-title,.mobile-record-context,.mobile-record-select,.mobile-record-toggle,.mobile-record-preview)::before{display:none;}
 #page-content [data-mobile-view=cards] .mobile-record-context{order:1;font-size:12px;line-height:1.4;color:var(--ui-muted);}
 #page-content [data-mobile-view=cards] .mobile-record-context .badge{font-size:10px;line-height:1.3;padding:2px 5px;}
 #page-content [data-mobile-view=cards] .mobile-record-summary{order:2;font-size:13px;line-height:1.4;}
 #page-content [data-mobile-view=cards] .mobile-record-summary::before{display:inline;margin:0 5px 0 0;content:attr(data-mobile-label) ':';}
 #page-content [data-mobile-view=cards] .mobile-record-summary.cell-number{font-weight:600;}
 #page-content [data-mobile-view=cards] .mobile-record-summary:has(.registration-mrp-basis){grid-column:1/-1;}
 #page-content [data-mobile-view=cards] .registration-mrp-basis{display:inline;margin-left:6px;font-size:11px;}
 #page-content [data-mobile-view=cards] .mobile-record-detail{display:none;order:4;}
 #page-content [data-mobile-view=cards] .mobile-record-expanded .mobile-record-detail{display:block;}
 #page-content [data-mobile-view=cards] .mobile-record-toggle{display:block;order:3;grid-column:2;justify-self:end;align-self:center;margin:0;}
 #page-content .mobile-record-toggle button{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:auto;padding:4px 0;min-height:28px;font-size:11px;}
 #page-content [data-mobile-view=cards] .mobile-record-expanded .mobile-record-toggle{order:6;grid-column:1/-1;justify-self:stretch;border-top:1px solid var(--ui-border);margin-top:4px;}
 #page-content [data-mobile-view=cards] .mobile-record-expanded .mobile-record-toggle button{width:100%;justify-content:space-between;}
 #page-content [data-mobile-view=cards] .mobile-record-preview{order:3;grid-column:1;align-self:center;}
 #page-content [data-mobile-view=cards] tr:not(.mobile-record-expanded) .mobile-record-preview:not(:has([data-mobile-primary])){display:none;}
 #page-content [data-mobile-view=cards] tr:not(.mobile-record-expanded) .mobile-record-preview .row-actions>:not([data-mobile-primary]){display:none;}
 #page-content [data-mobile-view=cards] .mobile-record-preview .btn{min-height:44px;padding:6px 8px;font-size:12px;border-radius:6px;}
 #page-content [data-mobile-view=cards] .mobile-record-expanded .mobile-record-preview{order:5;grid-column:1/-1;}
 #page-content [data-mobile-view=cards] .mobile-record-expanded .mobile-record-preview::before{display:block;}
 #page-content [data-mobile-view=cards] .mobile-copy-label{display:inline;}
 #page-content [data-mobile-view=cards] .desktop-copy-label{display:none;}
 #page-content [data-mobile-view=cards] .cell-actions{grid-column:1/-1;}
 #page-content [data-mobile-view=cards] .row-actions{justify-content:flex-start;flex-wrap:wrap;}
 #page-content [data-mobile-view=cards] .mobile-record-select{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;}
 #page-content [data-mobile-view=cards] tr:has(.mobile-record-select) .mobile-record-title{padding-right:34px;}
 #page-content [data-mobile-view=cards] tr:has(input:checked){border-color:var(--ui-accent);box-shadow:inset 3px 0 var(--ui-accent);}
 #page-content [data-mobile-view=cards] .table-empty-row{display:block;}
 #page-content .table-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;padding:2px 0;margin:0;}
 #page-content .table-pager>span{font-size:11px;}
 #page-content .table-pager .btn{min-width:44px;min-height:44px;padding:0 6px;font-size:12px;border:6px solid transparent;border-radius:13px;background:transparent;box-shadow:inset 0 0 0 1px var(--ui-control-border);}
 #page-content .table-pager-shared{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;}
 #page-content .table-pager-shared .pager-count{line-height:1.35;}
 #page-content .table-pager-shared .pager-count>span,#page-content .pager-position{white-space:nowrap;}
 .pager-mobile{display:inline;}.pager-desktop{display:none;}
 #page-content #filtered-totals{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:6px 10px 10px;background:var(--ui-selected);border:0;border-radius:10px;}
 #page-content #filtered-totals>b{grid-area:1/1;align-self:center;margin:0;font-size:11px;font-weight:600;}
 #page-content #filtered-totals .totals-scope{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
 #page-content [data-mobile-mode=metrics]{border:0;background:transparent;overflow:visible;}
 #page-content [data-mobile-mode=metrics] :is(table,tbody){display:block;}
 #page-content #filtered-totals [data-mobile-mode=metrics]{display:contents;}
 #page-content #filtered-totals [data-mobile-mode=metrics]>table{grid-column:1/-1;grid-row:2;}
 #page-content [data-mobile-mode=metrics] thead{display:none;}
 #page-content [data-mobile-mode=metrics] tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:transparent!important;}
 #app-shell #page-content #filtered-totals [data-mobile-mode=metrics] td{display:block;padding:4px 0;border:0;white-space:normal;overflow-wrap:anywhere;text-align:left!important;font-size:16px;background:transparent;color:var(--ui-text);}
 #page-content [data-mobile-mode=metrics] td::before{content:attr(data-label);display:block;font:400 11px/1.4 var(--font);color:var(--ui-muted);margin-bottom:3px;}
 #app-shell #page-content #filtered-totals [data-mobile-mode=metrics]:not(.mobile-metrics-expanded) td:nth-child(n+3){display:none;}
 #page-content .mobile-metrics-toggle{display:block;min-width:44px;padding:4px 0;}
 #page-content #filtered-totals .mobile-metrics-toggle{grid-area:1/2;}
 /* Welcoming home: colourful, compact destinations and one headline metric. */
 #page-content .agave-home-photo{opacity:.45;}
 #page-content .workspace-section-heading{margin-bottom:12px;}
 #page-content .workspace-section-heading h2{font-size:18px;margin:0;}
 #page-content .workspace-section-heading p{font-size:12px;margin-top:4px;}
 #page-content #module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 #module-grid .module-card{padding:12px;min-height:126px;border-radius:12px;box-shadow:none;gap:6px;}
 #module-grid .module-card-head{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start;}
 #module-grid .module-icon{width:32px;height:32px;border-radius:9px;border:0;background:var(--ui-selected);color:var(--brand-text);}
 #module-grid .module-card-head>div:nth-child(2){flex:1 1 100%;}
 #module-grid .module-card-head b{font-size:13px;line-height:1.3;display:block;}
 #module-grid .module-card-arrow{position:absolute;right:12px;top:21px;}
 #module-grid .module-desc{display:none;}
 #module-grid .module-footnote{border:0;min-height:0;padding:0;font-size:11px;}
 #module-grid [data-mod=targets] .module-icon,#module-grid [data-mod=reports] .module-icon{background:var(--m-blue-tint);color:var(--m-blue);}
 #module-grid [data-mod=value-chain] .module-icon,#module-grid [data-mod=sales-incentive-matrix] .module-icon{background:var(--m-amber-tint);color:var(--m-amber);}
 #module-grid [data-mod=sales] .module-icon{background:var(--m-teal-tint);color:var(--m-teal);}
 #module-grid [data-mod=scm] .module-icon,#module-grid [data-mod=masters] .module-icon{background:var(--m-purple-tint);color:var(--m-purple);}
 #module-grid [data-mod=targets],#module-grid [data-mod=reports]{border-top:3px solid var(--m-blue);}
 #module-grid [data-mod=value-chain],#module-grid [data-mod=sales-incentive-matrix]{border-top:3px solid var(--m-amber);}
 #module-grid [data-mod=sales]{border-top:3px solid var(--m-teal);}
 #module-grid [data-mod=scm],#module-grid [data-mod=masters]{border-top:3px solid var(--m-purple);}
 #module-grid [data-mod=label-registration]{border-top:3px solid var(--ui-accent);}
 #page-content .workspace-bottom-note{font-size:11px;line-height:1.5;margin-top:18px;}
 /* Pickers and task forms flow vertically; long forms remain full height. */
 #page-content[data-page=registrationSelect] .select-scroll{max-height:none!important;overflow:visible;}
 #page-content[data-page=registrationSelect] .select-panel-sticky{position:static;}
 #page-content[data-page=registrationSelect] .rs-heading{align-items:flex-start;gap:12px;margin-bottom:16px;flex-direction:column;}
 #page-content[data-page=registrationSelect] .rs-heading h2{font-size:22px;}
 #page-content[data-page=registrationSelect] .rs-heading .btn{min-height:44px;}
 #page-content[data-page=registrationSelect] .rs-market{grid-template-columns:minmax(0,1fr);gap:14px;}
 #page-content[data-page=registrationSelect] .rs-workspace{grid-template-columns:minmax(0,1fr);gap:16px;}
 #page-content[data-page=registrationSelect] .rs-results-heading{align-items:center;gap:6px;}
 #page-content[data-page=registrationSelect] .rs-results-heading button{min-height:44px;flex-shrink:0;}
 #page-content[data-page=registrationSelect] .rs-pager .btn{min-height:44px;padding:8px;font-size:12px;}
 #page-content[data-page=registrationSelect] .rs-review .sel-row button{min-height:44px;}
 #page-content[data-page=registrationSelect] .rs-more-selected summary{min-height:44px;display:flex;align-items:center;}
 #page-content[data-page=registrationSelect] .rs-section-heading{margin-bottom:12px;}
 #page-content[data-page=registrationSelect] #product-list{max-height:none!important;overflow:visible;}
 #page-content[data-page=registrationSelect]:has(.mobile-selection-review:not([hidden])){padding-bottom:80px;}
 #page-content .mobile-selection-review:not([hidden]){display:block;position:fixed;z-index:44;left:12px;right:12px;bottom:calc(var(--m-nav) + 8px + env(safe-area-inset-bottom));width:calc(100% - 24px);min-height:48px;border:0;border-radius:12px;background:var(--ui-accent);color:var(--ui-surface);box-shadow:0 4px 16px #102c4d26;padding:12px;font:600 13px var(--font);}
 .mobile-keyboard #page-content .mobile-selection-review{display:none;}
 #modal-root .modal-overlay{padding:0;align-items:flex-end;}
 #modal-root .modal{width:100%;max-height:94dvh;border-radius:20px 20px 0 0;margin:0;display:flex;flex-direction:column;}
 #modal-root .modal-head{padding:14px 16px;border-bottom:1px solid var(--ui-border);flex-shrink:0;}
 #modal-root .modal-head h3{font-size:18px;}
 #modal-root .modal-close{min-width:44px;min-height:44px;}
 #modal-root .modal-body{padding:16px;overflow:auto;overscroll-behavior:contain;min-height:0;}
 #modal-root .modal-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:8px;background:var(--ui-surface);flex-shrink:0;}
 #modal-root .modal-foot .btn{flex:1;}
 #modal-root .form-grid{grid-template-columns:minmax(0,1fr);gap:0;}
 #toast-root{bottom:calc(var(--m-nav) + 12px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);}
 #page-content .sw :is(.sw-toolbar,.wg-toolbar){gap:6px;padding:8px;}
 #page-content .sw .sw-scope{grid-template-columns:minmax(0,1fr);}
 #page-content .sw .sw-scope>label{min-width:0;}
 #page-content .sw .sw-focus-bar{font-size:12px;gap:6px;padding:10px 4px;}
 #page-content .sw .sw-focus-bar strong{font-size:16px;}
 #page-content .sw .sw-focus-bar .sw-workspace-title{font-size:22px;line-height:1.25;}
 #page-content .sw .sw-focus-bar #sw-scope-summary{flex-basis:100%;font-size:11px;}
 #page-content .sw .sw-month-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
 #page-content .sw .sw-month-filters>.mobile-grid-toggle{display:block;grid-column:1/-1;min-height:44px;padding:10px 12px;text-align:left;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface);color:var(--brand-text);font:600 13px var(--font);}
 #page-content .sw .sw-month-filters[data-mobile-expanded=false]>:not(.mobile-grid-toggle){display:none;}
 #page-content .sw .sw-month-filters label{display:grid;gap:4px;font-size:12px;min-width:0;}
 #page-content .sw .sw-month-filters :is(input,.btn){height:auto;min-height:44px;min-width:0;width:100%;font-size:16px;padding:8px;border-radius:10px;}
 #page-content .sw .sw-month-filters .btn{font-size:13px;}
 #page-content .sw .sw-month-filters small{grid-column:1/-1;}
 #page-content .sw .wg-toolbar button{border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface);color:var(--ui-text);padding:8px 10px;font:500 12px var(--font);}
 #page-content .sw :is(.wg-toolbar input,.sw-entry-tools summary){font-size:14px;}
 #page-content .sw .sw-entry-tools summary{min-height:44px;display:flex;align-items:center;}
 #page-content :is(.bd-kpis,.si-kpis,.dashboard-polished .grid-cols-4){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 #page-content :is(.bd-kpi,.si-kpi,.dashboard-polished .kpi){padding:12px;border-radius:14px;}
 #page-content :is(.bd-kpi>strong,.si-kpi>strong,.dashboard-polished .kpi-value){font-size:23px;}
 #page-content :is(.bd-header,.si-header){gap:10px;}
 #page-content :is(.bd-header h2,.si-header h2){font-size:22px;}
 #page-content :is(.bd-card,.si-card){padding:12px;min-width:0;}
 #page-content .sw .wg-scroll{max-height:65dvh;overscroll-behavior:contain;}
 #page-content .sw :is(.sw-tabs,.wg-toolbar){scrollbar-width:thin;}
 #page-content :is(.sp-workspace,.report-hub,.excel-studio,.si-workspace){min-width:0;}
 @media(max-width:359px){#module-grid .module-card{padding:12px;}#module-grid .module-card-head b{font-size:13px;}#page-content .mobile-filters>.field:not(.search-box){flex-basis:100%;}#page-content .mobile-filters:has(>.search-box)>.mobile-filter-toggle{flex-basis:84px;width:84px;}#page-content .mobile-filters>.search-box{flex-basis:calc(100% - 92px);}}
}
@media(prefers-reduced-motion:reduce){.mobile-bottom-nav *{transition:none;}}
/* Incentive workspace: compact summaries, focused forms and review sheets. */
@media(max-width:760px){
 .ic-header{display:block;margin-bottom:14px;}.ic-workspace h1{font-size:24px;margin:7px 0;}.ic-header p{font-size:12px;}.ic-eyebrow{font-size:10px;gap:6px;}.ic-eyebrow svg{width:16px;height:16px;}
 .ic-header-meta{max-width:none;text-align:left;display:flex;align-items:center;justify-content:space-between;margin-top:9px;gap:8px;font-size:10px;}.ic-header-meta .ic-private{display:none;}.ic-header-meta>.btn{flex-shrink:0;}
 .ic-nav{margin:0 -2px 14px;padding:3px 2px 9px;gap:3px;}.ic-nav a{padding:8px 10px;min-height:40px;font-size:12px;}.ic-nav a svg{width:15px;height:15px;}
 .ic-body,#ic-earnings-detail{gap:12px;}.ic-overview-intro{padding:15px;gap:12px;grid-template-columns:1fr;}.ic-overview-intro h2{font-size:23px;line-height:1.15;margin:8px 0;}.ic-overview-intro h2 br{display:none;}.ic-overview-intro p{font-size:11px;margin:8px 0 5px;}
 .ic-overview-intro h2 span{margin-left:.2em;}.ic-intro-figure{border-left:0;border-top:1px solid var(--ic-line);padding:12px 0 0;gap:3px;}.ic-intro-figure>strong{font-size:26px;}.ic-intro-figure>svg{width:43px;height:43px;right:0;top:14px;}.ic-intro-figure>span,.ic-intro-figure>small{font-size:11px;}
 .ic-metrics,.ic-metrics-three{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.ic-metric{padding:11px 12px;gap:5px;border-radius:10px;}.ic-metric>strong{font-size:21px;}.ic-metric>span,.ic-metric>small{font-size:11px;}
 .ic-grid-two,.ic-plan-layout,.ic-plan-aside,.ic-scenario-layout{grid-template-columns:1fr;gap:12px;}.ic-panel{padding:13px;border-radius:11px;}.ic-panel-head{gap:8px;margin-bottom:12px;}.ic-panel-head h2{font-size:15px;}.ic-panel-head p{font-size:11px;}.ic-panel-head>.ic-link{font-size:11px;white-space:normal;flex-shrink:0;max-width:90px;text-align:right;}
 .ic-task{padding:10px 0;gap:9px;min-height:52px;}.ic-task-number{width:27px;height:27px;border-radius:8px;}.ic-task b{font-size:12px;}.ic-task small{font-size:11px;}
 .ic-payout-total{margin:10px 0 12px;}.ic-payout-total strong{font-size:25px;}.ic-legend{margin-top:10px;}.ic-legend>div{font-size:12px;gap:8px;}.ic-legend b{max-width:48%;text-align:right;}
 .ic-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}.ic-stage{padding:9px 8px;gap:3px;}.ic-stage>span,.ic-stage>small{font-size:10px;}.ic-stage>b{font-size:20px;}
 .ic-person{gap:7px;}.ic-avatar{width:27px;height:27px;font-size:10px;border-radius:8px;}.ic-person b{font-size:13px;}.ic-person small{font-size:11px;}.ic-status{font-size:10px;padding:2px 6px;}
 .ic-notice{padding:10px 11px;font-size:11px;border-radius:8px;}.ic-notice svg{width:16px;height:16px;}.ic-footnote{font-size:11px;}
 #page-content .ic-workspace .btn{font-size:12px;min-height:36px;padding:7px 10px;}.ic-workspace .ic-filters{gap:9px;margin-bottom:12px;}.ic-filters .field,.ic-filters .field:first-child{flex:1 1 130px;max-width:none;min-width:0;}.ic-filters .field>label{font-size:11px;}
 .ic-workspace :is(input:not([type=checkbox]):not([type=range]),select,textarea),.ic-dialog :is(input:not([type=checkbox]),select,textarea){font-size:16px;min-height:44px;}.ic-workspace .ic-filters input[type=search]{min-height:36px;}
 .ic-form-two,.ic-form-three{grid-template-columns:1fr;gap:13px;}.ic-tabs{gap:3px;margin-bottom:14px;padding-bottom:8px;}.ic-tabs>button{min-height:40px;font-size:11px;padding:8px;}.ic-subheading{margin-top:18px;}
 .ic-savebar{padding:11px 12px;gap:12px;align-items:flex-start;}.ic-savebar>span,.ic-savebar>div{min-width:0;font-size:11px;}.ic-savebar>.btn{flex-shrink:0;}.ic-savebar small{font-size:10px;}
 .ic-plan-rate{margin:8px 0 12px;}.ic-plan-rate strong{font-size:30px;}.ic-plan-aside .ic-panel{padding:13px;}.ic-plan-aside .ic-definition>div{padding:7px 0;}
 .ic-product-list{grid-template-columns:1fr;gap:6px;}.ic-product{padding:10px 9px;gap:8px;min-height:58px;}.ic-product-icon{display:none;}.ic-product b{font-size:12px;}.ic-product-cap{font-size:10px;}.ic-product small{font-size:11px;}.ic-simple-pager{gap:10px;margin-top:12px;}
 .ic-person-picker{align-items:flex-start;gap:9px;}.ic-person-picker>.field{flex:1;min-width:0;}.ic-person-picker>.ic-link{font-size:11px;max-width:88px;margin-top:21px;}
 .ic-earnings-hero{padding:14px;display:grid;gap:12px;}.ic-earnings-hero .ic-person b{font-size:15px;}.ic-earnings-hero>div:last-child{text-align:left;gap:3px;}.ic-earnings-hero strong{font-size:27px;}.ic-earnings-hero p{margin-top:8px;}
 .ic-kpi-cards,.ic-dialog .ic-kpi-cards{grid-template-columns:1fr;gap:9px;}.ic-kpi-card,.ic-dialog .ic-kpi-card{padding:12px;}.ic-kpi-heading{margin-bottom:7px;}.ic-kpi-card .ic-definition{grid-template-columns:1fr 1fr;gap:0 14px;}.ic-kpi-card .ic-definition>div{display:grid;justify-content:stretch;gap:3px;font-size:11px;}.ic-kpi-card .ic-definition dd{text-align:left;font-size:12px;}.ic-kpi-result{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:9px;margin-top:5px;}.ic-kpi-result strong{font-size:20px;}
 .ic-explainer{font-size:11px;padding:2px 10px;}.ic-month-summary{gap:12px;flex-wrap:wrap;}.ic-month-summary>b{flex-basis:100%;}.ic-month-summary>div{flex:1;min-width:0;}.ic-month-summary small{overflow-wrap:anywhere;}.ic-month-bars{grid-template-columns:repeat(12,48px);}
 .ic-slider-field{margin-top:20px;}.ic-slider-field>div{gap:9px;}.ic-slider-field label{font-size:12px;max-width:60%;}.ic-workspace .ic-slider-field input[type=number]{width:76px;}.ic-slider-field input[type=range]{min-height:30px;margin:8px 0 4px;}.ic-scenario-total{padding:12px 0;}.ic-scenario-total strong{font-size:29px;}
 .ic-dialog{gap:13px;}.ic-review-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;}.ic-review-steps li{font-size:11px;}.ic-review-summary>strong{font-size:24px;}.ic-checklist{gap:9px;font-size:11px;}.ic-dialog .ic-check{min-height:44px;}
 .ic-statements-head{align-items:stretch;flex-direction:column;gap:9px;}.ic-statements-head>.btn{align-self:flex-start;}.ic-list-meta{font-size:11px;gap:7px;}.ic-recipients{max-height:440px;}.ic-recipient{padding:8px 0;gap:8px;}.ic-recipient .btn{flex-shrink:0;}.ic-recipient .ic-check{font-size:12px;min-height:44px;}.ic-statement-body{font-size:12px;padding:12px;}
}

/* Pivot authoring keeps the result and field tools in a single phone column. */
@media(max-width:760px){
 #page-content .excel-studio .studio-workbench{display:flex;flex-direction:column;height:auto;min-height:0;}
 #page-content .excel-studio .studio-canvas{order:0;min-height:240px;max-height:65dvh;width:100%;}
 #page-content .excel-studio .studio-inspector{order:1;position:static;width:100%;height:auto;max-height:none;border-left:0;border-top:1px solid var(--ui-border);}
 #page-content .excel-studio.fields-collapsed .studio-inspector{display:none;}
 #page-content .excel-studio #pivot-fields-col{max-height:280px;min-height:0;overflow:auto;}
 #page-content .excel-studio #pivot-dropzones-panel{overflow:visible;}
 #page-content .excel-studio .pivot-zones-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 #page-content .excel-studio .studio-toolbar,#page-content .excel-studio .studio-context{padding:10px;gap:8px;}
 #page-content .excel-studio .studio-heading{min-width:0;flex-wrap:wrap;}
 #page-content .excel-studio .studio-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0;}
 #page-content .excel-studio .studio-actions .btn{min-height:44px;font-size:12px;}
 #page-content .excel-studio .studio-context>label{width:100%;min-width:0;}
 #page-content .excel-studio .studio-context select{max-width:100%;width:100%;font-size:16px;min-height:44px;}
 #page-content .excel-studio .studio-updated{display:block;}
 #page-content .excel-studio .pivot-chip{min-height:44px;font-size:14px;}
 #page-content .excel-studio .pivot-zone-item .btn,#page-content .excel-studio .studio-zone-tools .btn,#page-content .excel-studio .excel-field-settings summary{min-height:44px;min-width:44px;}
 #page-content .excel-studio .studio-filter-summary{gap:8px;padding:10px;}
 #page-content .excel-studio .studio-sales-tier{width:100%;flex-wrap:wrap;}#page-content .excel-studio .studio-sales-tier select{flex:1;min-height:44px;font-size:16px;}#page-content .excel-studio .studio-tier-help summary{display:flex;align-items:center;min-height:44px;}
 #page-content .excel-studio .studio-filter-pill button{min-height:44px;}
 #page-content .excel-studio .studio-filter-pill button:last-child{min-width:44px;}
 #page-content .excel-studio .pivot-table-controls{flex-wrap:wrap;gap:8px;}
 #page-content .excel-studio .pivot-table-controls select{max-width:100%;}
 #page-content .excel-studio .studio-export{flex-wrap:wrap;}
 #page-content .excel-studio .studio-start-footer{flex-wrap:wrap;}
 #page-content .excel-studio .studio-empty{padding:24px 12px;}
 #page-content .excel-studio .studio-viewbar .studio-tabs button{min-height:44px;}
 #modal-root .studio-add-field-list .btn{min-height:44px;}
}
/* Small screens retain both field areas without squeezing the result grid. */
@media(max-width:760px){
 #page-content .excel-studio .studio-field-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:620px;flex:none;}
 #page-content .excel-studio #pivot-fields-col{max-height:none;overflow:hidden;min-height:0;padding:0 8px;}
 #page-content .excel-studio #pivot-dropzones-panel{overflow:auto;min-height:0;padding:0 8px 8px;}
 #page-content .excel-studio .pivot-zones-grid{display:flex;flex-direction:column;}
 #page-content .excel-studio .studio-field-tabs button{min-height:44px;}
 #page-content .excel-studio .studio-master-help summary{min-height:44px;display:flex;align-items:center;}
 #page-content .excel-studio .pivot-chip-label{font-size:13px;}
 #page-content .excel-studio .studio-more-options summary{min-height:44px;}
 #page-content .excel-studio .studio-context>label{flex-wrap:wrap;}
 #page-content .excel-studio .studio-inspector-head .btn{min-width:44px;min-height:44px;}
}
@media(max-width:430px){
 #page-content .excel-studio .studio-field-layout{grid-template-columns:minmax(0,1fr);height:auto;}
 #page-content .excel-studio #pivot-fields-col{height:clamp(400px,55dvh,520px);border-right:0;border-bottom:1px solid var(--ui-border);}
 #page-content .excel-studio .studio-areas{max-height:620px;}
}

/* Report library: collection chips, compact folders, readable report cards. */
@media(max-width:760px){
 .library-header{display:block;padding:4px 0 16px;}.library-header h2{font-size:24px;}.library-header p{font-size:12px;line-height:1.5;}.library-header .header-actions{margin-top:12px;gap:8px;}
 .library-layout{display:block;border:0;background:transparent;min-height:0;}.library-sidebar{padding:0 0 12px;border:0;border-radius:0;background:transparent;}.library-sidebar nav{display:flex;flex-wrap:wrap;gap:6px;}.library-sidebar nav button{min-height:44px;padding:9px 12px;background:var(--white);border-color:var(--ink-200);font-size:12px;}.library-access-note{display:none;}
 .library-content{padding:0;}.library-context{margin:0 0 12px;flex-wrap:wrap;gap:4px;}.library-access-badge{font-size:11px;text-align:left;}#library-breadcrumb{gap:2px;}#library-breadcrumb button{min-height:44px;font-size:13px;}
 .library-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:12px;}.library-filter-row .library-search{grid-column:1/-1;}.library-filter-row .field{width:auto;}.library-filter-row input,.library-filter-row select{min-height:44px;font-size:16px;width:100%;}
 .library-folders{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px;}.library-folder{padding:10px;gap:4px;}.library-folder>button{min-height:44px;font-size:14px;}.library-folder-top>span{font-size:24px;}.library-folder-access,.library-folder>small{font-size:11px;line-height:1.5;}
 .library-records,.library-records.is-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;border:0;}.library-record,.library-records.is-grid .library-record{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:8px 10px;border:1px solid var(--ink-200);background:var(--white);border-radius:14px;padding:12px;}
 .library-record-icon{width:32px;height:38px;font-size:21px;}.library-record-main .hub-report-title{font-size:14px;line-height:1.4;}.library-record-main p{font-size:12px;line-height:1.5;}.library-tags span{font-size:11px;}.library-location{font-size:11px;}
 .library-record-meta,.library-records.is-grid .library-record-meta{grid-column:2;width:auto;display:flex;justify-content:space-between;gap:8px;font-size:11px;}.library-record-actions,.library-records.is-grid .library-record-actions{grid-column:1/-1;border-top:1px solid var(--ink-100);padding-top:8px;justify-content:flex-end;}.library-record-actions .hub-star{min-height:44px;width:44px;margin-right:auto;}.library-record-actions .btn{min-height:44px;}
 .library-menu>summary{min-height:44px;min-width:44px;}.library-menu button{min-height:44px;font-size:14px;}.library-results-head .btn{min-height:44px;}.library-pagination{margin-top:12px;min-height:44px;}.library-pagination .btn{min-height:44px;}.library-footnote{font-size:11px;}
 .library-starters .hub-template-grid{grid-template-columns:minmax(0,1fr);}.library-starters>summary{min-height:44px;}.library-empty{padding:28px 12px;}
 .library-recipients{grid-template-columns:minmax(0,1fr);max-height:34dvh;}.library-recipients label{font-size:14px;}.library-recipients small{font-size:11px;}.library-share-heading{flex-wrap:wrap;}.library-inline-row{flex-wrap:wrap;}.library-inline-row input{flex-basis:100%;min-height:44px;font-size:16px;}.library-inline-row .btn{min-height:44px;}.library-inline-create summary{min-height:44px;}
}
/* Cost-card reviews keep one set of projection inputs. On phones the month
   selector reveals one month at a time; desktop restores the whole matrix. */
@media(max-width:760px){
  /* The state price register is a comparison matrix: retain columns and one
     set of original controls inside its own scroll region on phones. */
  .sp-workspace .sp-portfolio-scroll{overflow:auto;max-width:100%;max-height:70dvh;margin:0;overscroll-behavior:contain}
  .sp-workspace .sp-portfolio,.sp-workspace .sp-portfolio[data-columns=essential]{display:table;width:100%;min-width:1040px;table-layout:auto}
  .sp-workspace .sp-portfolio>thead{display:table-header-group}.sp-workspace .sp-portfolio>tbody{display:table-row-group}
  .sp-workspace .sp-portfolio>tbody>tr{display:table-row;border:0;box-shadow:none;margin:0}
  .sp-workspace .sp-portfolio>tbody>tr>*{display:table-cell;min-width:96px!important;max-width:none;font-size:14px!important;padding:10px!important;border:1px solid var(--sp-line)!important;vertical-align:middle}
  .sp-workspace .sp-portfolio>tbody>tr>:first-child{min-width:44px!important;width:44px!important}
  .sp-workspace .sp-portfolio>tbody>tr>:nth-child(2){min-width:172px!important;width:172px!important;font-size:14px!important}
  .sp-workspace .sp-portfolio>tbody>tr>td[data-label]:before,.sp-workspace .sp-portfolio>tbody>tr>:first-child:after{display:none}
  .sp-workspace .sp-portfolio>tbody>tr>:last-child{min-width:156px!important}
  .sp-workspace .sp-portfolio tr>:last-child{position:static;right:auto;box-shadow:none}
  .sp-workspace .sp-portfolio .sp-row-actions{display:flex;flex-direction:column;gap:8px!important}.sp-workspace .sp-portfolio .sp-row-actions>*{min-height:44px;white-space:normal}
  .sp-next-step{display:block;padding:12px}.sp-next-step>button{margin-top:12px;min-height:44px}.sp-process-guide ol{grid-template-columns:1fr;gap:12px}.sp-process-guide>summary,.sp-returned-records>summary,.sp-export-tools>summary,.sp-figures-help>summary{min-height:44px}.cr-next-step{padding:12px}.cr-status-disclosure>summary{min-height:44px}
  .cr-header{display:block;margin-bottom:16px;}.cr-header h2{font-size:22px;}.cr-header .header-actions{margin-top:12px;}
  .cr-layout{display:flex;flex-direction:column;gap:12px;}.cr-layout>aside{width:100%;}.cr-help{display:none;}
  .cr-folder-nav{padding:12px;}.cr-folder-nav nav{max-height:200px;overflow:auto;}.cr-folder-nav nav button{min-height:44px;}
  .cr-context{align-items:flex-start;}.cr-context h3{font-size:17px;}.cr-context>span{white-space:normal;text-align:right;}
  .cr-collections{gap:8px;}.cr-collections .btn{min-height:36px;}.cr-status-filter button{min-height:44px;}
  .cr-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.cr-metrics>div{padding:10px;}.cr-metrics strong{font-size:17px;}.cr-metrics span{font-size:11px;}
  .cr-review-context{gap:12px;}.cr-review-context>div{min-width:110px;}.cr-review-context strong{overflow-wrap:anywhere;}
  .cr-pricing,.cr-editor,.cr-decision,.cr-history,.cr-note{padding:12px;border-radius:14px;}
  .cr-editor-head{display:block;}.cr-editor-tools{margin-top:12px;}.cr-editor-tools .btn{min-height:44px;white-space:normal;}
  .cr-month-navigation{justify-content:space-between;}.cr-month-navigation label{flex:1;min-width:0;}.cr-month-navigation select{width:100%;min-height:44px;font-size:16px;}.cr-month-navigation button{min-width:44px;min-height:44px;}
  #cr-table .table-wrap table{min-width:0;}.cr-product-link{min-height:44px;}
  .cr-month-scroll{overflow:visible;}.cr-month-table{display:block;min-width:0;border:0;width:100%;overflow:visible;}.cr-month-table thead{display:none;}.cr-month-table tbody{display:block;}
  .cr-month-table .cr-month-row{display:none;}.cr-month-table .cr-month-row[data-active="true"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:transparent;}
  .cr-month-table tbody th{grid-column:1/-1;text-align:left;border:0;padding:0;font-size:14px;}
  .cr-month-table tbody td{min-width:0;width:auto;border:0;text-align:left;padding:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
  .cr-month-table tbody td:before{content:attr(data-caption);display:block;min-height:30px;color:var(--ink-600);font-size:11px;line-height:1.4;margin-bottom:5px;}
  .cr-month-table td:has(input){width:auto;}.cr-month-table input{min-width:0;width:100%;min-height:44px;font-size:16px;padding:10px;}
  .cr-decision-footer{display:block;}.cr-decision-footer>div{margin-top:12px;}.cr-decision-footer .btn{min-height:44px;white-space:normal;}.cr-decision textarea{font-size:16px;}
  .cr-main,.cr-main .table-wrap,.cr-editor,.cr-history{min-width:0;max-width:100%;}.cr-state-summary>div{grid-template-columns:1fr;}
}
/* Value Chain: one local report selector; retain the shared filter disclosure. */
@media(max-width:760px){
 #page-content .sp-report-head{align-items:stretch;gap:12px;}
 #page-content .sp-report-picker{width:100%;}
 #page-content .sp-report-head>.sp-secondary{align-self:flex-start;min-height:44px;}
 #page-content .sp-report-picker select{min-height:44px;font-size:16px;}
 #page-content .sp-next-actions{grid-template-columns:1fr;gap:0;}
 #page-content .sp-help-card summary{min-height:44px;padding:12px 0;}
}

/* Operational overview and workspace discovery. Shared phone contracts remain
   above; these layout rules do not clone data controls or issue API reads. */
@media(max-width:760px){
 .workspace-search-open{display:none;}
 #page-content .erp-home-header{display:block;padding:8px 0 18px;margin:0 0 12px;border-radius:0;background:transparent;}
 #page-content .erp-home-header h1{font:600 26px/1.2 var(--font);color:var(--ui-text);margin:8px 0;}
 #page-content .erp-home-header .workspace-eyebrow{color:var(--brand-text);font-size:9px;margin:0;letter-spacing:.07em;}
 #page-content .erp-home-header p{display:block;color:var(--ui-muted);font-size:13px;margin:0;}
 .erp-home-actions{justify-content:flex-start;max-width:none;margin-top:14px;gap:8px;}
 .erp-home-actions .btn{font-size:12px;flex:1;}
 .erp-home-context{font-size:11px;gap:6px;margin-bottom:12px;}
 .erp-home-context .btn{font-size:12px;padding-left:0;}
 .erp-performance{grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:24px;}
 .erp-performance-card{padding:14px 16px;border-radius:12px;}
 .erp-performance-card strong{font-size:25px;}.erp-performance-card small{font-size:11px;}
 .erp-performance-card>a{width:44px;height:44px;}
 .erp-section-heading{flex-wrap:wrap;align-items:flex-start;gap:12px;margin:22px 0 12px;}
 #page-content .erp-section-heading h2{font-size:21px;}
 .erp-section-heading p{font-size:12px;line-height:1.5;}
 .erp-state-control{width:100%;font-size:13px;justify-content:space-between;}
 .erp-state-control select{min-height:44px;max-width:100%;flex:1;min-width:0;font-size:16px;}
 .erp-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;}
 .erp-metric{padding:14px 12px;gap:6px;border-radius:12px;}
 .erp-metric>span:first-child{font-size:12px;line-height:1.4;min-height:34px;padding-right:8px;}
 .erp-metric>strong{font-size:30px;}.erp-metric>small{font-size:11px;}
 .erp-metric-arrow{top:12px;right:10px;font-size:13px;}
 .erp-dashboard-grid{grid-template-columns:minmax(0,1fr);gap:14px;}
 .erp-panel{border-radius:16px;}.erp-panel-head{padding:16px;gap:12px;flex-wrap:wrap;}
 #page-content .erp-panel-head h2{font-size:17px;}.erp-panel-head p{font-size:12px;}
 .erp-panel-head>a{min-height:44px;display:inline-flex;align-items:center;font-size:12px;}
 .erp-record{padding:14px 16px;gap:10px;flex-wrap:wrap;}
 .erp-record>div:first-child{flex:1 1 55%;}.erp-record strong{font-size:14px;}.erp-record small{font-size:11px;}
 .erp-row-arrow{display:none;}.erp-status{font-size:11px;max-width:110px;}.erp-price{font-size:16px;}
 .erp-state-row{padding:14px 16px;grid-template-columns:minmax(0,1.1fr) 1fr;gap:8px;font-size:13px;}
 .erp-state-row>div{grid-row:span 2;}.erp-state-row>span{font-size:11px;}
 .erp-deadline{padding:14px 16px;flex-wrap:wrap;}.erp-deadline>span:last-child{font-size:11px;}
 .erp-panel-note{padding:12px 16px;}.erp-updated{font-size:11px;line-height:1.6;}
 .erp-launch{margin:22px 0;}.erp-launch-counts{padding:14px 16px;gap:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));font-size:11px;}
 .erp-launch-counts b{display:block;font-size:20px;}.erp-launch-grid{padding:16px;grid-template-columns:minmax(0,1fr);gap:10px;}
 .erp-launch-item{padding:14px;}.erp-launch-item strong{font-size:14px;}.erp-launch-item .erp-status{max-width:100%;}
 .erp-empty{min-height:110px;padding:20px 16px;}.erp-empty strong{font-size:14px;}
 #page-content .erp-home #module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 #page-content .erp-home #module-grid .module-card{padding:12px;min-height:126px;border-radius:12px;}
 #page-content .erp-home #module-grid .module-card-head b{font-size:13px;}
 #page-content .erp-home #module-grid .module-desc{display:none;}
 .filter-summary{font-size:12px;}.filter-summary .btn{min-height:44px;}
 /* Show connected-filter help with the phone controls; conflicts and retry remain visible when collapsed. */
 #page-content .mobile-filters[data-mobile-expanded=false]~#f-connected-status:not([data-notice=true]){display:none;}
 #workspace-search-results a{grid-template-columns:1fr 18px;gap:4px 10px;}
 #workspace-search-results a small{grid-column:1;grid-row:2;}
 #workspace-search-results a>span:last-child{grid-column:2;grid-row:1/3;}
}

/* Shared module headers adapt as one component; record grids keep their own contracts. */
@media(max-width:760px){
 #page-content :is(.page-header,.sp-header,.ic-header,.bd-header,.si-header,.hub-header,.studio-toolbar,.rp-header,.cr-header){gap:12px;margin-bottom:16px;padding-bottom:16px;}
 #page-content :is(.page-title,.page-context h1,.sp-header h1,.ic-header h1,.bd-header h2,.si-header h2,.hub-header h2,.studio-heading h2,.rp-header h2,.cr-header h2,.page-header h1,.page-header h2,.library-header h2,.workspace-intro h2,.sw-config h2,.sw-toolbar h2,.ra-hero h2){font-size:22px;line-height:1.25;overflow-wrap:anywhere;}
 #page-content :is(.sp-eyebrow,.ic-eyebrow,.bd-eyebrow,.si-eyebrow,.report-eyebrow,.rp-eyebrow,.cr-eyebrow){font-size:11px;letter-spacing:.05em;}
}

/* Every editable phone field uses readable text; this also covers custom
   worksheet and setup controls that do not use the shared .field wrapper. */
@media(max-width:760px){
 #app-shell #page-content :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([readonly]),select,textarea),#modal-root :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([readonly]),select,textarea){font-size:16px!important;}
 #app-shell #page-content :is(.btn-primary,.sp-primary),#modal-root .btn-primary{min-height:44px;}
}

/* Report Studio grips preserve touch scrolling; options remain readable without dragging. */
@media(max-width:760px){
 #page-content .excel-studio .studio-canvas{height:clamp(480px,65dvh,660px);min-height:480px;max-height:none;}
 #page-content .excel-studio .pivot-drag-handle,#page-content .excel-studio .pivot-zone-item>.pivot-drag-handle{flex:0 0 32px;min-width:32px;min-height:44px;}
 #page-content .excel-studio .pivot-chip{touch-action:pan-y;gap:7px;}
 #page-content .excel-studio .pivot-zone-item{touch-action:pan-y;gap:4px;}
 #page-content .excel-studio .excel-field-settings select{min-height:44px;font-size:16px;}
 #page-content .excel-studio .studio-field-order .btn{min-height:44px;}
 #page-content .excel-studio .studio-result-heading{gap:6px;padding:12px;}
 #page-content .excel-studio .studio-result-heading h3{font-size:16px;}
 #page-content .excel-studio .studio-viewbar{padding:0 8px;gap:8px;}
 #page-content .excel-studio .studio-export .btn{min-height:36px;}
 #page-content .excel-studio .pivot-table-controls .btn{min-height:36px;}
 #page-content .excel-studio .pivot-table-controls label{min-height:44px;display:flex;align-items:center;flex-wrap:wrap;gap:5px;max-width:100%;}
 #page-content .excel-studio .pivot-table-controls select{font-size:16px;min-height:44px;width:100%;}
 #page-content .excel-studio .studio-filter-open{min-height:44px;font-size:14px;}
 #page-content .excel-studio #pivot-table-wrap tbody td:first-child,#page-content .excel-studio #pivot-table-wrap thead tr:first-child th:first-child{min-width:140px;max-width:160px;}
 #page-content .excel-studio #pivot-table-wrap .drilldown-toggle{min-width:44px;min-height:44px;}
 /* In an expanded phone workspace, Fields switches between authoring and
    the grid. Both use the available height; the save/exit toolbar stays put. */
 body.pivot-workspace-expanded #app-shell .mobile-bottom-nav{display:none;}
 #page-content .excel-studio.studio-expanded .studio-toolbar{padding:8px;gap:5px;}
 #page-content .excel-studio.studio-expanded .studio-heading{width:100%;gap:8px;}
 #page-content .excel-studio.studio-expanded .studio-heading h2{font-size:14px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
 #page-content .excel-studio.studio-expanded .studio-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px;}
 #page-content .excel-studio.studio-expanded .studio-actions>.btn{min-width:0;white-space:normal;padding:5px;}
 #page-content .excel-studio.studio-expanded #studio-expand-toggle{order:-3;}
 #page-content .excel-studio.studio-expanded #studio-fields-toggle{order:-2;}
 #page-content .excel-studio.studio-expanded #btn-save{order:-1;}
 #page-content .excel-studio.studio-expanded .studio-secondary-actions{grid-column:1/-1;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;}
 #page-content .excel-studio.studio-expanded .studio-secondary-actions .btn{flex:0 0 auto;white-space:nowrap;}
 #page-content .excel-studio.studio-expanded .studio-context{padding:5px 8px;}
 #page-content .excel-studio.studio-expanded .studio-context>span{display:none;}
 #page-content .excel-studio.studio-expanded .studio-context>label{flex-wrap:nowrap;}
 #page-content .excel-studio.studio-expanded .studio-filter-summary{padding:5px 8px;max-height:88px;}
 #page-content .excel-studio.studio-expanded .studio-workbench{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:0;}
 #page-content .excel-studio.studio-expanded .studio-canvas{height:100%;min-height:0;max-height:none;}
 #page-content .excel-studio.studio-expanded:not(.fields-collapsed) .studio-canvas{display:none;}
 #page-content .excel-studio.studio-expanded .studio-inspector{height:100%;min-height:0;overflow:hidden;flex:1;}
 #page-content .excel-studio.studio-expanded .studio-field-layout{height:auto;min-height:0;flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
 #page-content .excel-studio.studio-expanded #pivot-fields-col{height:auto;min-height:0;border-bottom:0;border-right:1px solid var(--ui-border);}
 #page-content .excel-studio.studio-expanded .studio-areas{max-height:none;}
 #page-content .excel-studio.studio-expanded .studio-result-heading{padding:6px 8px;}
 #page-content .excel-studio.studio-expanded .studio-result-heading h3{font-size:14px;}
 #page-content .excel-studio.studio-expanded .studio-updated{font-size:10px;}
 #page-content .excel-studio.studio-expanded .studio-viewbar{flex-wrap:nowrap;gap:6px;padding:0 6px;}
 #page-content .excel-studio.studio-expanded .studio-viewbar .studio-tabs{min-width:0;overflow-x:auto;}
 #page-content .excel-studio.studio-expanded .studio-tabs button{flex:0 0 auto;white-space:nowrap;}
 #page-content .excel-studio.studio-expanded .studio-export{flex-wrap:nowrap;}
 #page-content .excel-studio.studio-expanded .pivot-table-controls{flex-wrap:nowrap;overflow-x:auto;padding:5px 8px;}
 #page-content .excel-studio.studio-expanded .pivot-table-controls>*{flex:0 0 auto;white-space:nowrap;}
 #page-content .excel-studio.studio-expanded .pivot-table-controls label{flex-wrap:nowrap;}
 #page-content .excel-studio.studio-expanded .pivot-table-controls select{width:auto;}
 #page-content .excel-studio.studio-expanded .studio-data-note{padding:5px 8px;font-size:10px;}
}
@media(max-width:760px){
 .oe-pdf-ready{padding:16px;}
 .oe-receipt-canvas img{max-height:48vh;}
 .oe-receipt-preview{gap:10px;}
 #oe-file{font-size:16px;min-height:44px;padding:8px;}
 #oe-file::file-selector-button{min-height:32px;margin-right:8px;}
 [data-receipt-close],[data-receipt-download],[data-receipt-retry]{min-height:44px;}
}

@media(max-width:760px){
 #modal-root .studio-filter-values>label{min-height:44px;}
 #modal-root :is(#studio-filter-search,#studio-filter-manual){min-height:44px;}
 /* Employee notes keep the same controls in a touch-friendly task sheet. */
 #modal-root :is(#uf-tab-details,#uf-tab-area){min-height:44px;}
}

/* SFA ATTENDANCE — a focused workday card, shared shell and task sheets. */
@media(max-width:760px){
 #page-content .sfa-attendance .page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;margin-bottom:14px;gap:10px;align-items:start;}
 .sfa-attendance .page-header h2{font-size:22px;}
 .sfa-attendance .page-header>.btn{min-height:44px;}
 .sfa-attendance .sfa-nav{gap:6px;margin-bottom:14px;flex-wrap:nowrap;}
 .sfa-attendance .sfa-nav .btn{min-height:44px;font-size:12px;padding:8px 10px;white-space:normal;flex:1;min-width:0;}
 .sfa-attendance .sfa-grid{grid-template-columns:minmax(0,1fr);gap:14px;}
 .sfa-attendance .sfa-card{padding:16px;border-radius:16px;}
 .sfa-attendance .sfa-day-head{margin-bottom:18px;gap:10px;}
 .sfa-attendance .sfa-day-title{font-size:21px;}
 .sfa-attendance .sfa-timeline{gap:12px;margin:16px 0 20px;}
 .sfa-attendance .sfa-timeline dd{font-size:22px;}
 .sfa-attendance .sfa-actions{gap:8px;}
 .sfa-attendance .sfa-actions>.btn{min-height:44px;max-width:100%;white-space:normal;}
 .sfa-attendance .sfa-row-head{flex-wrap:wrap;}
 .sfa-attendance .sfa-filters{gap:10px;}
 .sfa-attendance .sfa-filters .field{min-width:0;flex:1 1 110px;}
 .sfa-attendance .sfa-filters input{font-size:16px;min-height:44px;width:100%;min-width:0;}
 .sfa-attendance .sfa-filters .btn,.sfa-attendance .sfa-segment .btn{min-height:44px;}
 #modal-root .sfa-task .sfa-form-grid{grid-template-columns:minmax(0,1fr);gap:0;}
 #modal-root .sfa-task .field[hidden]{display:none;}
 #modal-root .sfa-task .sfa-actions>.btn{min-height:44px;white-space:normal;}
 #modal-root .sfa-task .sfa-camera{min-height:160px;}
 #modal-root .sfa-task .sfa-camera video,#modal-root .sfa-task .sfa-camera img{max-height:32vh;}
 #modal-root .sfa-task .sfa-detail-list{grid-template-columns:minmax(88px,1fr) minmax(0,1.6fr);font-size:12px;}
}

/* Role-specific home layouts share authorized navigation and real data. */
.field-home{max-width:1080px;display:grid;gap:20px;color:var(--ui-text);font:14px/1.45 var(--font);}
.field-home-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.field-home-heading h1{font-size:28px;line-height:1.2;margin:6px 0;}
.field-home-heading p{margin:0;color:var(--ui-muted);}
.field-home .workspace-eyebrow{font-size:10px;letter-spacing:.08em;}
.field-day-tools{margin-top:10px;border-top:1px solid var(--ui-border);font-size:13px}.field-day-tools summary{display:flex;align-items:center;min-height:44px;cursor:pointer;color:var(--ui-text);font-weight:600}.field-day-tools summary::before{content:'＋';margin-right:8px}.field-day-tools[open] summary::before{content:'−'}.field-day-tools .field-report-link{display:flex;align-items:center;min-height:44px}.field-day-tools summary:focus-visible{outline:3px solid var(--info-600);outline-offset:2px}
.field-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.field-section-heading h2{font-size:18px;margin:0;}
.field-section-heading>span{font-size:12px;color:var(--ui-muted);}
.field-section-heading>a{font-size:13px;min-height:44px;display:flex;align-items:center;}
.field-today{padding:18px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);}
.field-day-status{display:flex;align-items:start;justify-content:space-between;gap:12px;}
.field-day-status strong{display:block;font-size:20px;line-height:1.3;}
.field-day-status small{display:block;color:var(--ui-muted);margin-top:4px;}
.field-day-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;}
.field-day-times dt{font-size:12px;color:var(--ui-muted);}.field-day-times dd{margin:4px 0 0;font-size:20px;font-weight:600;}
.field-scope-note{font-size:12px;line-height:1.45;color:var(--ui-muted);margin:10px 0 0;}
.field-home #module-grid.field-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.field-home #module-grid .field-tool{display:flex;flex-direction:row;align-items:center;gap:10px;padding:14px;min-height:88px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);text-decoration:none;color:var(--ui-text);box-shadow:none;}
.field-tool>span:nth-child(2){flex:1;min-width:0;}.field-tool b{display:block;font-size:14px;}.field-tool small{display:block;color:var(--ui-muted);font-size:12px;margin-top:3px;}
.field-tool-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:10px;background:var(--ui-selected);color:var(--brand-text);}.field-tool-icon svg{width:19px;height:19px;}
.field-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;}
.field-metric{min-width:0;padding:14px;background:var(--ui-surface-alt);border-radius:12px;}
.field-metric>span,.field-metric>small{display:block;font-size:12px;color:var(--ui-muted);}
.field-metric strong{display:block;font-size:22px;line-height:1.4;overflow-wrap:anywhere;margin:5px 0;}
.field-assigned{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));}
.field-assigned>a,.field-help{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid var(--ui-border);border-radius:12px;text-decoration:none;color:var(--ui-text);background:var(--ui-surface);}
.field-assigned>a>span{margin-left:auto;}.field-help>span:nth-child(2){flex:1;}.field-help svg{width:20px;height:20px;flex-shrink:0;}.field-help small{display:block;font-size:12px;color:var(--ui-muted);}
.field-report-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;}
.sfa-work-state{margin:12px 0;max-width:420px;}.sfa-work-state .field{margin:0;}.sfa-policy-disclosure summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:13px;color:var(--brand-text);}
@media(max-width:760px){
 #app-shell[data-experience=field] .topbar{min-height:58px;padding-top:6px;padding-bottom:6px;}
 #app-shell[data-experience=field] #sidebar-nav .nav-link{min-height:44px;}
 #page-content .field-home{gap:16px;}
 #page-content .field-home-heading h1{font-size:22px;margin:5px 0;}
 .field-home-heading p{font-size:13px;}.field-home-heading>.btn{min-height:44px;padding:7px 10px;flex-shrink:0;}
 .field-home .workspace-eyebrow{font-size:9px;letter-spacing:.05em;}
 .field-today{padding:12px;border-radius:14px;}
 #page-content .field-section-heading{gap:8px;margin-bottom:8px;}
 #page-content .field-section-heading h2{font-size:16px;}.field-section-heading>span{font-size:11px;}
 .field-day-status{gap:8px;flex-wrap:wrap;}.field-day-status strong{font-size:18px;}.field-day-status small{font-size:12px;}
 .field-day-times{gap:8px;margin:12px 0;}.field-day-times dd{font-size:18px;}
 .field-today [data-field-day]>.btn{width:100%;}
 #page-content .field-home #module-grid.field-tools{grid-template-columns:minmax(0,1fr);gap:8px;}
 #page-content .field-home #module-grid .field-tool{padding:10px 12px;min-height:66px;gap:10px;}
 .field-metrics{gap:8px;margin-top:8px;}.field-metric{padding:10px;}.field-metric strong{font-size:18px;}.field-metric>span,.field-metric>small{font-size:11px;}
 .field-assigned{grid-template-columns:minmax(0,1fr);}.field-scope-note{font-size:11px;}
 /* Office keeps its directory and queues, with less decorative whitespace. */
 #app-shell[data-experience=office] .erp-home-header{padding:4px 0 12px;margin-bottom:8px;}
 #app-shell[data-experience=office] .erp-home-header h1{font-size:24px;margin:6px 0;}
 #app-shell[data-experience=office] .erp-home-actions{margin-top:10px;}
 #app-shell[data-experience=office] .erp-performance{gap:8px;margin-bottom:16px;}
 #app-shell[data-experience=office] .erp-performance-card{padding:12px;}
 #app-shell[data-experience=office] .erp-performance-card strong{font-size:22px;}
 #app-shell[data-experience=office] .erp-section-heading{margin:16px 0 10px;gap:8px;}
 #app-shell[data-experience=office] .erp-section-heading h2{font-size:18px;}
 #app-shell[data-experience=office] .erp-home #module-grid .module-card{padding:10px;min-height:112px;}
 #page-content .sfa-attendance .page-header{margin-bottom:10px;gap:8px;}
 #page-content .sfa-attendance .page-header h2{font-size:20px;margin:2px 0;}
 .sfa-attendance .sfa-nav{margin-bottom:10px;}.sfa-attendance .sfa-grid{gap:10px;}
 .sfa-attendance .sfa-card{padding:12px;border-radius:14px;}
 .sfa-attendance .sfa-day-head{margin-bottom:10px;}.sfa-attendance .sfa-day-title{font-size:18px;}
 .sfa-attendance .sfa-timeline{margin:12px 0 14px;gap:10px;}.sfa-attendance .sfa-timeline dd{font-size:20px;}
 .sfa-attendance .sfa-hint{font-size:12px;}.sfa-attendance .sfa-notice{padding:10px;font-size:12px;}
 .sfa-attendance .sfa-metrics{margin:12px 0;}.sfa-attendance .sfa-metrics dd{font-size:19px;}
}

/* Workspace identity on phones: colour without enlarging the compact layout.
   Token definitions and module mapping live in workspaceTheme.css. */
@media(max-width:760px){
 #page-content :is(.erp-home-header,.field-home-heading),#app-shell[data-experience=office] .erp-home-header{padding:12px;border:1px solid var(--workspace-line);border-radius:12px;background:linear-gradient(110deg,var(--workspace-tint),var(--ui-surface) 85%);}
 #page-content .field-home-heading{gap:8px;}
 #page-content .field-home-heading h1{font-size:22px;}
 #app-shell .mobile-bottom-nav{border-top-color:var(--work-green-line);}
 #app-shell[data-experience=field] .mobile-bottom-nav{border-top-color:var(--work-blue-line);}
 #app-shell[data-experience=field] .mobile-bottom-nav [aria-current=page]{color:var(--work-blue);background:var(--work-blue-tint);box-shadow:inset 0 2px var(--work-blue);}
 #app-shell[data-experience=office] .mobile-bottom-nav [aria-current=page]{color:var(--brand-text);background:var(--ui-selected);box-shadow:inset 0 2px var(--ui-accent);}
 #app-shell.mobile-nav-open .nav-link.active{background:var(--workspace-tint);color:var(--workspace-accent);box-shadow:inset 3px 0 var(--workspace-accent);}
 #app-shell.mobile-nav-open .nav-link.active .ico{color:var(--workspace-accent);}
 #app-shell.mobile-nav-open .nav-group>.nav-link .ico{background:var(--workspace-tint);color:var(--workspace-accent);}
 #page-content .field-home #module-grid .field-tool{border:1px solid var(--workspace-line);border-left:3px solid var(--workspace-accent);}
 #page-content #module-grid .module-icon{background:var(--workspace-tint);color:var(--workspace-accent);border:1px solid var(--workspace-line);}
 #page-content .mobile-filter-state{color:var(--workspace-accent);background:var(--workspace-tint);}
 #page-content [data-mobile-view=cards] tbody tr{border-color:var(--ui-control-border);}
 #page-content .sfa-nav button[aria-pressed=true]{background:var(--work-blue-tint);color:var(--work-blue);border-color:var(--work-blue);}
}

/* Shared field mobile system v2. Inter is self-hosted; no third-party request. */
@font-face{font-family:'Inter Field';font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/inter-variable.woff2') format('woff2')}
:root{--field-font:'Inter Field',Inter,system-ui,-apple-system,'Segoe UI',sans-serif;--field-accent:#2457be;--field-tint:#edf3ff;--field-line:#d6e1f0;--field-surface:#fff;--field-muted:#556783;--field-radius:14px;--field-teal:#116b70;--field-teal-tint:#e6f6f4;--field-purple:#6841b4;--field-purple-tint:#f1ecff;--field-amber:#875316;--field-amber-tint:#fff3df}
:root[data-theme=dark]{--field-accent:#b6ceff;--field-tint:#243652;--field-line:#40536e;--field-surface:#1b293b;--field-muted:#bdcbe0;--field-teal:#95dfd8;--field-teal-tint:#193c3e;--field-purple:#d4beff;--field-purple-tint:#352c50;--field-amber:#f5ce93;--field-amber-tint:#413622}
body:has(#app-shell[data-experience=field]:not(.hidden)){--font:var(--field-font);--font-display:var(--field-font);font-family:var(--field-font);font-optical-sizing:auto}
#app-shell[data-experience=field]{font-family:var(--field-font)}
@media(max-width:760px){
 :root{--font:var(--field-font);--font-display:var(--field-font);--m-nav:64px;--ui-canvas:#f3f6fb;--ui-surface:#fff;--ui-surface-alt:#f5f8fd;--ui-text:#1c2d49;--ui-muted:#536681;--ui-border:#dce5f1;--ui-control-border:#8c9eb6;--m-radius:14px}
 :root[data-theme=dark]{--ui-canvas:#111b2a;--ui-surface:#1b293b;--ui-surface-alt:#223249;--ui-text:#ecf2ff;--ui-muted:#bdcbe0;--ui-border:#40536e;--ui-control-border:#7a91ad}
 body{font-family:var(--font);font-optical-sizing:auto}
 body:has(#app-shell[data-experience=field]:not(.hidden)){--ink-900:var(--ui-text);--ink-800:var(--ui-text);--ink-700:var(--ui-text);--ink-600:var(--ui-muted);--ink-500:var(--ui-muted);--ink-200:var(--ui-border);--glass-bg:var(--ui-surface)}
 #app-shell[data-experience=field] #page-content{padding:10px 10px 20px;background:var(--ui-canvas)}
 #app-shell[data-experience=field] .topbar{min-height:54px;padding:4px 10px;background:var(--ui-surface);border-bottom-color:var(--field-line)}
 #app-shell[data-experience=field] .topbar-title{font-size:13px;font-weight:700;letter-spacing:-.02em}
 #app-shell[data-experience=field] :is(.mobile-menu,.mobile-options){min-height:44px;min-width:44px;padding:7px 9px;border-radius:10px}
 #app-shell[data-experience=field] #page-content :is(h1,h2,h3){letter-spacing:-.025em}
 #app-shell[data-experience=field] #page-content .page-header{padding-bottom:0}
 #app-shell[data-experience=field] .btn{border-radius:10px;font-weight:600;font-size:12px;letter-spacing:0}
 #app-shell[data-experience=field] .btn-primary{background:var(--field-accent);border-color:var(--field-accent);color:#fff;box-shadow:none}
 :root[data-theme=dark] #app-shell[data-experience=field] .btn-primary{color:#132744}
 #app-shell[data-experience=field] .btn-secondary{border-color:var(--ui-control-border);background:var(--ui-surface);color:var(--ui-text);transition:border-color .12s ease,box-shadow .12s ease}
 #app-shell[data-experience=field] .mobile-bottom-nav{min-height:64px;padding:4px 8px calc(4px + env(safe-area-inset-bottom));gap:2px;border-top:1px solid var(--field-line);background:linear-gradient(110deg,var(--ui-surface),var(--field-tint));box-shadow:0 -5px 22px #172e5310}
 #app-shell[data-experience=field] .mobile-bottom-nav :is(a,button){min-height:54px;border-radius:12px;gap:3px;font-size:10px;font-weight:600;line-height:1.2;color:var(--ui-muted)}
 #app-shell[data-experience=field] .mobile-bottom-nav svg{width:21px;height:21px;stroke-width:1.8}
 #app-shell[data-experience=field] .mobile-bottom-nav [aria-current=page]{background:var(--field-accent);color:#fff;box-shadow:none}
 :root[data-theme=dark] #app-shell[data-experience=field] .mobile-bottom-nav [aria-current=page]{color:#132744}
 #app-shell[data-experience=field] .mobile-bottom-nav :is(a,button):focus-visible{outline:3px solid var(--field-accent);outline-offset:0}
 #app-shell[data-experience=field].mobile-nav-open .mobile-bottom-nav,.mobile-keyboard #app-shell[data-experience=field] .mobile-bottom-nav{display:none}
 .sfa-journey{margin-bottom:8px}.sfa-journey ol{padding:3px;gap:2px;border-radius:12px}
 .sfa-journey li{padding:0;min-height:44px;border:0;gap:0}
 .sfa-journey a,.sfa-journey-unavailable{min-height:44px;padding:4px 2px;gap:4px;font-size:11px}
 .sfa-journey-number{width:18px;height:20px;font-size:10px;border-radius:6px}
 .sfa-journey p{font-size:11px;margin:4px 2px 0;padding:0;border:0}
 .sfa-journey-return{gap:6px;padding:7px 9px}
 #page-content .field-home-heading{padding:12px;gap:8px;border:1px solid var(--field-line);border-radius:14px;background:linear-gradient(115deg,var(--field-tint),var(--field-teal-tint));margin-bottom:10px}
 #page-content .field-home-heading h1{font-size:21px;margin:3px 0;letter-spacing:-.035em}
 #page-content .field-home-heading p{font-size:12px;line-height:1.4;margin:0}
 #page-content .field-home-heading .workspace-eyebrow{font-size:10px;letter-spacing:.04em;color:var(--field-accent)}
 #page-content .field-home-heading .btn{min-height:44px;padding:7px 10px}
 #page-content .field-today{padding:11px;border:1px solid var(--field-line);border-radius:14px;background:var(--ui-surface);box-shadow:0 3px 12px #15335705}
 #page-content .field-section-heading{margin:10px 0 8px}
 #page-content .field-today>.field-section-heading{margin-top:0}
 #page-content .field-section-heading h2{font-size:14px;font-weight:700;letter-spacing:-.015em}
 .field-day-status strong{font-size:16px;line-height:1.3;letter-spacing:-.02em}.field-day-status small{font-size:12px;line-height:1.4}
 .field-day-times{margin:9px 0;gap:6px}.field-day-times>div{padding:7px 9px;border:1px solid var(--field-line);border-radius:10px;background:var(--ui-surface-alt)}
 .field-day-times dt{font-size:11px}.field-day-times dd{font-size:17px;font-weight:650;font-variant-numeric:tabular-nums}
 .field-day-tools{margin-top:8px;border-top:1px solid var(--field-line)}
 .field-day-tools summary{min-height:44px;display:flex;align-items:center;font-size:12px;font-weight:600;color:var(--field-accent)}
 .field-day-tools summary::after{content:'+';margin-left:auto;font-size:17px}.field-day-tools[open] summary::after{content:'−'}
 .field-day-tools summary::before{display:none}
 .field-home{gap:10px}.field-home-heading{margin-bottom:0!important}
 .field-scope-note{font-size:11px;line-height:1.45;margin:6px 0}
 #page-content .field-home #module-grid.field-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 #page-content .field-home #module-grid .field-tool{min-height:70px;padding:9px;gap:7px;border:1px solid var(--workspace-line);border-radius:12px;display:grid;grid-template-columns:26px minmax(0,1fr)}
 #page-content .field-home #module-grid .field-tool:last-child:nth-child(odd){grid-column:1/-1;min-height:54px}
 #page-content .field-tool>span:last-child{display:none}.field-tool-icon{height:26px;width:26px;border-radius:8px}.field-tool-icon svg{height:17px;width:17px}
 #page-content .field-tool b{font-size:13px;line-height:1.3}.field-tool small{font-size:11px;line-height:1.35}
 .field-metrics{gap:7px;margin:8px 0}.field-metric{border:1px solid var(--field-line);border-radius:12px;padding:9px;background:var(--ui-surface)}
 .field-metric strong{font-family:var(--field-font);font-size:17px;line-height:1.35;font-variant-numeric:tabular-nums}.field-metric>span,.field-metric>small{font-size:11px}
 .field-assigned a{padding:9px 11px;min-height:44px;border-radius:11px;font-size:12px}
 .field-help{padding:10px 12px;border:1px solid var(--field-line);border-radius:12px;background:var(--field-purple-tint);gap:9px;font-size:13px;margin-top:12px}
 .field-help small{font-size:11px}.field-help>svg{color:var(--field-purple);width:21px;height:21px}
 body:has(#app-shell[data-experience=field]:not(.hidden)) #modal-root .modal{font-family:var(--field-font);border:1px solid var(--field-line)}
 body:has(#app-shell[data-experience=field]:not(.hidden)) #modal-root .modal-head{padding:10px 12px;background:linear-gradient(110deg,var(--field-tint),var(--ui-surface));border-bottom:1px solid var(--field-line)}
 body:has(#app-shell[data-experience=field]:not(.hidden)) #modal-root .modal-head h3{font-size:16px;letter-spacing:-.02em}
 body:has(#app-shell[data-experience=field]:not(.hidden)) #modal-root .modal-body{padding:12px}
 body:has(#app-shell[data-experience=field]:not(.hidden)) #modal-root .modal-foot{padding:9px 12px;gap:8px}
 body:has(#app-shell[data-experience=field]:not(.hidden)) #modal-root :is(input,select,textarea){font-family:var(--field-font);font-size:16px}
}
@media(max-width:360px){
 .sfa-journey a,.sfa-journey-unavailable{flex-direction:column;gap:2px;min-height:46px;font-size:10.5px;padding:4px 1px}
 .sfa-journey-number{width:18px;height:18px;font-size:10px}
}
/* Order entry keeps one set of inputs and readable pricing at phone widths. */
@media(max-width:760px){
 .sfa-orders .sfa-order-catalogue{gap:9px}
 .sfa-orders .sfo-product{padding:10px;border-radius:12px}
 .sfa-orders .sfo-product-head{gap:8px;margin-bottom:8px}
 .sfa-orders .sfo-rates{gap:5px;padding:7px}
 .sfa-orders .sfo-rates dd{font-size:12px}
 .sfa-orders .sfo-entry{gap:7px}
 .sfa-orders .sfo-product :is(input,select,.ss-trigger,textarea){font-size:16px}
 .sfa-orders .sfo-product-foot{margin-top:8px;padding-top:8px}
 .sfa-orders .sfo-product-foot .btn{min-width:108px}
 .sfa-orders .sfa-order-basket{padding:10px}
 .sfa-orders .sfa-order-basket>label{font-size:12px}
 .sfa-orders .sfo-destination{padding:10px;gap:8px}
 .sfa-orders .sfo-destination>.btn{max-width:110px;padding:7px 10px}
 .sfa-orders .sfo-destination:has(details[open]){display:block}
 .sfa-orders .sfo-destination details[open]{margin-bottom:8px}
}

/* Monika Desk phone companion. Shared controls keep their 44px touch and
   16px editable-field contracts; only surface rhythm and entry layout change. */
@media(max-width:760px){
 #app-shell :is(.mobile-menu,.mobile-options){border-radius:8px;}
 #page-content :is(.filter-bar,.bd-filters,.si-filters,.sp-record-filters,.om-filters){border-radius:12px;}
 #page-content :is(.sfc-heading,.sfe-heading,.sfv-heading,.sfp-heading,.sfa-a-header,.sfr-heading,.sfu-heading){background:var(--ui-surface);box-shadow:none;}
 #modal-root .modal{border-radius:16px;}
 #login-screen .login-page{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));}
 #login-screen .login-masthead{padding-block:16px;gap:8px;}
 #login-screen .login-brand-lockup{gap:8px;}
 #login-screen .login-brand-lockup img{width:32px;height:32px;}
 #login-screen .login-brand-lockup strong{font-size:13px;}
 #login-screen .login-brand-lockup small{font-size:8px;}
 #login-screen .login-main{padding-block:16px 24px;}
 #login-screen .portal-signin{padding:28px 24px;border-radius:24px;}
 #login-screen .signin-footer{padding-bottom:max(20px,env(safe-area-inset-bottom));}
 #login-screen .signin-input-wrap input{font-size:16px;min-height:48px;}
 #login-screen :is(.signin-submit,.signin-microsoft){min-height:48px;}
}
/* Approved compact mobile workspace · 30 October 2026.
   Geometry is shared by office/regional and field roles; records and access
   remain owned by their original modules. No parallel mobile datasets. */
.sfv-task-icon,.field-open-visit,.mobile-filter-sheet-footer,.field-home [data-field-routes]{display:none;}.sfv-task-copy{display:contents;}
.mobile-filter-backdrop{position:fixed;inset:0;z-index:89;background:#10182b66;}
@media(max-width:760px){
 :root{--m-gap:8px;--m-nav:62px;--ui-canvas:#f5f6fa;--m-radius:12px;}
 :root[data-theme=dark]{--ui-canvas:#171b24;}
 #app-shell .topbar,#app-shell[data-nav-pos=top] .topbar{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;min-height:56px;padding:6px 12px;gap:4px;background:var(--ui-surface);}
 #app-shell .topbar-left{gap:8px;min-width:0;grid-column:1;grid-row:1;}
 #app-shell .topbar-title,#app-shell[data-nav-pos=top] .topbar-title,#app-shell[data-experience=field] .topbar-title{font-size:16px;line-height:1.25;letter-spacing:-.025em;}
 #app-shell :is(.mobile-menu,.mobile-options){display:grid;place-items:center;min-width:44px;width:44px;height:44px;min-height:44px;padding:8px;border:0;border-radius:50%;background:transparent;flex-shrink:0;}
 #app-shell .mobile-menu img{width:28px;height:28px;object-fit:contain;border-radius:7px;}
 #app-shell .mobile-options{background:var(--ui-selected);color:var(--brand-text);}
 #app-shell .mobile-options svg{width:20px;height:20px;}
 .mobile-control-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
 #page-content{padding:12px 12px 20px;}
 #app-shell .mobile-bottom-nav{gap:2px;padding:4px 8px calc(4px + env(safe-area-inset-bottom));min-height:62px;box-shadow:none;}
 #app-shell .mobile-bottom-nav :is(a,button){min-height:52px;gap:3px;border-radius:0;font-size:10px;line-height:1.25;position:relative;background:transparent;}
 #app-shell .mobile-bottom-nav svg{position:relative;z-index:1;width:20px;height:20px;}
 #app-shell .mobile-bottom-nav [aria-current=page]{background:transparent;color:var(--brand-text);}
 #app-shell .mobile-bottom-nav [aria-current=page]::before{content:'';position:absolute;top:4px;width:48px;height:28px;background:var(--ui-selected);border-radius:16px;}
 #app-shell .mobile-bottom-nav :is(a,button)>span{z-index:1;}
 #app-shell.mobile-nav-open .sidebar,#app-shell.mobile-nav-open[data-nav-pos=top] .sidebar{width:100%;max-width:none;border-radius:0;box-shadow:none;height:100dvh;}
 #app-shell.mobile-nav-open .sidebar-brand{padding:12px 64px 12px 16px;min-height:64px;border-bottom:1px solid var(--ui-border);}
 #app-shell.mobile-nav-open .sidebar-brand-text b{font-size:14px;}
 #app-shell.mobile-nav-open .mobile-nav-close{min-width:44px;width:44px;height:44px;min-height:44px;top:calc(10px + env(safe-area-inset-top));right:12px;background:transparent;}
 #app-shell.mobile-nav-open .mobile-nav-tools{padding:12px 16px;}
 #mobile-nav-search{height:44px;border:0;background:var(--ui-surface-alt);border-radius:10px;}
 #app-shell.mobile-nav-open #sidebar-nav{padding:8px 16px 20px;}
 #app-shell.mobile-nav-open .nav-section-label{font-size:11px;font-weight:650;text-transform:uppercase;padding:12px 0 8px;}
 #app-shell.mobile-nav-open .nav-link{min-height:48px;padding:9px 10px;font-size:14px;border-radius:10px;gap:12px;}
 #app-shell.mobile-nav-open .nav-link .ico{width:28px;height:28px;background:transparent;}
 #app-shell.mobile-nav-open .nav-link .ico svg{width:20px;height:20px;}
 #app-shell.mobile-nav-open .nav-group-children .nav-link{min-height:44px;font-size:13px;padding-block:8px;}
 #app-shell.mobile-nav-open .nav-group-children .nav-link .ico{width:18px;height:18px;}
 #page-content :is(.page-context h1,.rs-heading h2,.bd-header h2,.si-header h2,.sfc-heading h2,.sfe-heading h2,.sfp-heading h2,.sfr-heading h2,.sfu-heading h2){font-size:20px;line-height:1.25;}
 #page-content :is(.tab,.tab-btn,.sw-tabs button,.sp-tabs a,.om-tabs button){font-size:12px;min-height:44px;border-radius:9px;}
 #page-content :is(.tab.active,.tab-btn.active,.sw-tabs button[aria-selected=true]){background:var(--ui-selected);color:var(--brand-text);}
 #page-content [data-mobile-view=cards] tbody{gap:8px;}
 #page-content [data-mobile-view=cards] tbody tr{border-radius:12px;padding:12px;gap:5px 10px;}
 #page-content [data-mobile-view=cards] .mobile-record-summary{font-size:14px;}
 #page-content [data-mobile-view=cards] .mobile-record-context{font-size:12px;}
 #page-content .mobile-filters{border:0;box-shadow:none;background:transparent;padding:0;gap:8px;}
 #page-content .mobile-filter-toggle{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:10px;min-height:44px;}
 #page-content .mobile-filters>.search-box{padding:4px 0;}
 #app-shell #page-content .mobile-filters>.search-box input{background:var(--ui-surface);border-color:var(--ui-border);font-size:16px;}
 #app-shell #page-content .mobile-filter-sheet{position:fixed!important;z-index:90;inset:auto 0 0!important;width:100%!important;max-width:none!important;max-height:88dvh;overflow:auto;overscroll-behavior:contain;display:flex!important;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:12px 16px calc(20px + env(safe-area-inset-bottom));margin:0!important;border:1px solid var(--ui-border);border-bottom:0;border-radius:22px 22px 0 0;background:var(--ui-surface);box-shadow:0 -12px 48px #10182b20;}
 #app-shell #page-content .mobile-filter-sheet>.mobile-filter-toggle{order:-4;flex:1 0 100%;width:100%;position:sticky;top:-12px;z-index:2;border:0;border-bottom:1px solid var(--ui-border);border-radius:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;min-height:52px;background:var(--ui-surface);}
 #page-content .mobile-filter-sheet .mobile-filter-name{font-size:18px;font-weight:650;}
 #page-content .mobile-filter-sheet .mobile-filter-name::after{content:none!important;}
 #page-content .mobile-filter-sheet .mobile-filter-summary{display:none;}
 #page-content .mobile-filter-sheet .mobile-filter-state{display:inline!important;color:var(--brand-text);font-size:14px;}
 #app-shell #page-content .mobile-filter-sheet>.field,#app-shell #page-content .mobile-filter-sheet>label,#app-shell #page-content .mobile-filter-sheet>.search-box{flex:1 0 100%;width:100%;margin:0;min-width:0;}
 #app-shell #page-content .mobile-filter-sheet input,#app-shell #page-content .mobile-filter-sheet select,#app-shell #page-content .mobile-filter-sheet .ss-trigger{min-height:44px;font-size:16px;}
 #app-shell #page-content .mobile-filter-sheet>.btn{flex:1;min-height:44px;}
 #app-shell #page-content .mobile-filter-sheet>.search-box>label{position:static;width:auto;height:auto;clip-path:none;}
 #app-shell #page-content .mobile-filter-sheet>.search-box input{min-height:44px;}
 .mobile-filter-sheet~.mobile-filter-backdrop{display:block;}
 #modal-root .modal-head{padding:10px 16px;}#modal-root .modal-head h3{font-size:18px;}
 #modal-root .modal-body{padding:12px 16px;}#modal-root .modal-foot{padding-top:10px;}
 .ss-panel{border-radius:16px;box-shadow:0 8px 32px #10182b22;}
 #page-content .erp-home-header,#page-content .field-home-heading,#app-shell[data-experience=office] .erp-home-header{padding:0 0 10px;background:transparent;border:0;border-radius:0;box-shadow:none;margin-bottom:0;}
 #page-content .erp-home-header h1,#page-content .field-home-heading h1{font-size:20px;line-height:1.25;}
 #page-content .erp-home-header p,#page-content .field-home-heading p{font-size:12px;line-height:1.4;}
 #page-content .erp-home-header .workspace-eyebrow{font-size:10px;}
 #page-content .erp-mobile-attention:not([hidden]){display:grid;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);overflow:hidden;margin-bottom:12px;}
 #page-content .erp-attention-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto 16px;align-items:center;gap:10px;min-height:52px;padding:10px 12px;border-bottom:1px solid var(--ui-border);text-decoration:none;color:var(--ui-text);font-size:13px;}
 #page-content .erp-attention-row>svg{width:20px;height:20px;color:var(--brand-text);}
 #page-content .erp-attention-row>b{font-size:14px;padding:2px 8px;border-radius:8px;background:var(--ui-selected);color:var(--brand-text);}
 #page-content .erp-attention-approved{padding:10px 12px;font-size:12px;color:var(--ui-muted);}
 #page-content #home-registration:has(.erp-mobile-attention)>.erp-metrics{display:none;}
 #page-content .field-open-visit{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:10px 12px;margin:10px 0;border:1px solid var(--workspace-line);background:var(--ui-selected);border-radius:10px;}
 #page-content .field-open-visit svg{width:20px;height:20px;}#page-content .field-open-visit>div{display:grid;gap:4px;}#page-content .field-open-visit strong{font-size:14px;}.field-open-visit small{font-size:12px;}
 #page-content .sfv-task-hub>div{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--ui-border);border-radius:12px;overflow:hidden;background:var(--ui-surface);}
 #page-content .sfv-task-hub>div a{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--ui-border);border-radius:0;padding:12px;min-height:60px;}
 #page-content .sfv-task-hub>div a:last-child{border-bottom:0;}
 #page-content .sfv-task-icon{display:grid;color:var(--brand-text);}.sfv-task-icon svg{width:20px;height:20px;}
 #page-content .sfv-task-copy{display:grid;gap:3px;}.sfv-task-copy strong{font-size:14px;}.sfv-task-copy span{font-size:12px;color:var(--ui-muted);}
}
@media(max-width:760px){
 #page-content .erp-mobile-attention>h2{font-size:15px;padding:12px 12px 4px;margin:0;}
 #page-content .erp-attention-icon{display:grid;place-items:center;width:24px;height:24px;color:var(--brand-text);}
 #page-content .erp-attention-icon svg{width:20px;height:20px;}
 #page-content .erp-attention-approved{margin:0;}
}
@media(max-width:760px){
 /* The original filter stays below .main-area; release its isolated stacking
    context only while a sheet is open so its sibling body backdrop is below it. */
 #app-shell .main-area:has(.mobile-filter-sheet){isolation:auto;}
 #page-content .erp-home-header h1,#page-content .erp-home-header>div>p{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
 #page-content .erp-home-header .workspace-eyebrow{font-size:10px;letter-spacing:.025em;}
 #page-content .erp-home-header{display:flex;flex-direction:column;gap:8px;padding-bottom:8px;}
 #page-content .erp-home-actions{display:flex;gap:8px;width:100%;}
 #page-content .erp-home-actions .btn{min-height:36px;font-size:12px;padding:7px 10px;}
 #page-content .erp-home-context{gap:4px;margin:0 0 8px;font-size:11px;}
 #page-content .erp-home-context>span{font-size:11px;}
 #page-content .erp-home-context #home-refresh{min-height:36px;font-size:11px;}
 #page-content .erp-performance,#app-shell[data-experience=office] .erp-performance{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;}
 #page-content .erp-performance-card,#app-shell[data-experience=office] .erp-performance-card{padding:10px;min-width:0;border-radius:12px;}
 #page-content .erp-performance-card strong,#app-shell[data-experience=office] .erp-performance-card strong{font-size:20px;line-height:1.25;overflow-wrap:anywhere;}
 #page-content .erp-performance-card small{font-size:11px;line-height:1.4;}
 #page-content .erp-performance-card>a{position:static;width:44px;height:44px;justify-self:end;}
 #page-content .erp-section-heading,#app-shell[data-experience=office] .erp-section-heading{margin:12px 0 8px;gap:8px;}
 #page-content .erp-section-heading h2,#app-shell[data-experience=office] .erp-section-heading h2{font-size:16px;}
 #page-content .erp-section-heading p{font-size:11px;margin:4px 0;}
}
@media(max-width:760px){
 #page-content .erp-performance-card{position:relative;display:block;}
 #page-content .erp-performance-card>div{width:100%;}
 #page-content .erp-performance-card span{font-size:10px;letter-spacing:.03em;}
 #page-content .erp-performance-card>a{position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:12px;background:transparent;color:transparent;box-shadow:none;}
 #page-content .erp-performance-card>a:focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px;}
 #page-content .erp-performance-card strong,#app-shell[data-experience=office] .erp-performance-card strong{font-size:18px;letter-spacing:-.03em;}
 #app-shell[data-experience] .mobile-bottom-nav{background:var(--ui-surface);box-shadow:none;}
 #app-shell[data-experience] .mobile-bottom-nav [aria-current=page],:root[data-theme=dark] #app-shell[data-experience] .mobile-bottom-nav [aria-current=page]{background:transparent;color:var(--brand-text);box-shadow:none;}
 #app-shell[data-experience] .mobile-bottom-nav [aria-current=page]::before{background:var(--ui-selected);}
 #page-content .sfv-checkout-actions{position:sticky;bottom:calc(var(--m-nav) + env(safe-area-inset-bottom));z-index:3;padding:10px 0;margin-bottom:0;background:var(--ui-surface);border-top:1px solid var(--ui-border);}
 .mobile-keyboard #page-content .sfv-checkout-actions{position:static;}
}
@media(max-width:760px){
 /* One scope/action row replaces the duplicated mobile overview masthead. */
 #page-content .erp-home{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 8px;}
 #page-content .erp-home>*{grid-column:1/-1;min-width:0;}
 #page-content .erp-home>.erp-home-header{grid-column:2;grid-row:1;padding:0;margin:0;align-self:start;}
 #page-content .erp-home-header>div:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
 #page-content .erp-home-actions{width:auto;}
 #page-content #home-find{display:none;}
 #page-content .erp-home>.erp-home-context{grid-column:1;grid-row:1;display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:0 0 10px;min-height:44px;}
 #page-content .erp-home-context>span{font-size:0;}
 #page-content .erp-home-context>span>i{display:none;}
 #page-content .erp-home-context>span>b{font-size:11px;line-height:1.4;}
 #page-content .erp-home-context #home-refresh{width:44px;min-width:44px;min-height:44px;font-size:0;padding:8px;}
 #page-content .erp-home-context #home-refresh::before{content:'↻';font-size:20px;line-height:1;}
 #app-shell[data-experience] .mobile-bottom-nav{border-top:1px solid var(--ui-border);}
 #app-shell[data-experience] .mobile-bottom-nav [aria-current=page]{border-top:0;}
}
@media(max-width:760px){
 #page-content .erp-home>.erp-performance{margin-top:8px;}
 #page-content .erp-home-context>span{padding:7px 8px;border-radius:8px;background:var(--ui-surface-alt);}
 #page-content .erp-home-context>span>b::before{content:'FY ';}
}
@media(max-width:760px){
 #app-shell .topbar-left{flex:1;}
 #app-shell .topbar-title,#app-shell[data-nav-pos=top] .topbar-title,#app-shell[data-experience=field] .topbar-title{font-size:17px;}
 #app-shell .topbar-crumb{display:none;}
 #app-shell .topbar>#support-badge-slot{display:block;flex:none;grid-area:auto;grid-column:2;grid-row:1;order:0;}
 #app-shell .topbar>#support-badge-slot .support-badge{min-width:44px;min-height:44px;display:grid;place-items:center;border:0;background:transparent;}
 #app-shell .topbar>#support-badge-slot svg{width:20px;height:20px;}
 #app-shell .mobile-avatar{font-size:12px;font-weight:650;color:var(--brand-text);}
 #app-shell .mobile-options{width:36px;height:44px;min-width:36px;background:transparent;padding:4px;}
 #app-shell .mobile-avatar{display:grid;place-items:center;width:32px;height:32px;background:var(--ui-selected);border-radius:50%;}
 #app-shell.mobile-nav-open .sidebar-brand{display:none;}
 #app-shell.mobile-nav-open .mobile-nav-tools{padding:20px 16px 12px;}
 .mobile-drawer-title{font-size:20px;margin:0 44px 8px 0;line-height:1.4;}
 .mobile-drawer-role{font-size:12px;color:var(--ui-muted);margin:0 0 16px;}
 #app-shell.mobile-nav-open #sidebar-nav>.nav-section:not(.mobile-role-category):not(:has(.nav-group,a[data-path])){display:none;}
 #app-shell.mobile-nav-open .mobile-role-category{border-top:1px solid var(--ui-border);margin-top:12px;padding-top:4px;}
 #app-shell.mobile-nav-open .mobile-role-category>.nav-group>.nav-group-toggle{min-height:52px;}
}
@media(max-width:760px){
 #app-shell .topbar>#support-badge-slot #btn-support-bell{min-width:44px;min-height:44px;border:0;background:transparent;display:grid;place-items:center;padding:8px;}
 #app-shell .topbar>#support-badge-slot .notif-panel{position:fixed;top:60px;left:12px;right:12px;width:auto;max-width:none;max-height:70dvh;overflow:auto;}
 #app-shell .mobile-options{min-width:44px;width:44px;grid-column:3;grid-row:1;}
 #page-content .erp-labels>.erp-section-heading>div{display:none;}
 #page-content .erp-labels>.erp-section-heading{margin:0 0 8px;}
 #page-content .erp-labels .erp-state-control{width:100%;display:flex;align-items:center;gap:8px;font-size:12px;}
 #page-content .erp-labels .erp-state-control select{flex:1;min-width:0;height:40px;min-height:40px;font-size:14px;background:var(--ui-surface-alt);border:0;border-radius:9px;}
 #page-content .erp-performance-card small{font-size:11px;}
}
@media(max-width:760px){
 #app-shell #page-content .mobile-filter-sheet{max-height:72dvh;gap:8px;padding-top:8px;}
 #app-shell #page-content .mobile-filter-sheet>.field,#app-shell #page-content .mobile-filter-sheet>label{display:grid;grid-template-columns:minmax(88px,.7fr) minmax(0,1.3fr);align-items:center;gap:10px;min-height:44px;}
 #app-shell #page-content .mobile-filter-sheet>.field>label{font-size:12px;line-height:1.3;margin:0;}
 #app-shell #page-content .mobile-filter-sheet .ss-trigger,#app-shell #page-content .mobile-filter-sheet select{background:var(--ui-surface-alt);border:0;}
 #app-shell #page-content .mobile-filter-sheet>.search-box{display:block;}
 #app-shell #page-content .mobile-filter-sheet>.mobile-filter-sheet-footer{display:flex;position:sticky;bottom:-20px;z-index:2;background:var(--ui-surface);padding:8px 0;flex:1 0 100%;border-top:1px solid var(--ui-border);}
 #page-content .mobile-filter-sheet-footer .btn{width:100%;}
 #page-content .sfv-phone-heading{display:flex;align-items:center;gap:8px;margin:0 0 8px;}
 #page-content .sfv-phone-heading>div{flex:1;min-width:0;}
 #page-content .sfv-phone-heading h2{font-size:18px;line-height:1.3;margin:0;}
 #page-content .sfv-phone-heading p{font-size:12px;color:var(--ui-muted);margin:3px 0 0;}
 #page-content .sfv-phone-heading>button{width:44px;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:10px;background:transparent;color:var(--ui-text);font-size:20px;}
 #page-content .sfv-phone-options{margin-top:12px;border-top:1px solid var(--ui-border);}
 #page-content .sfv-phone-options>summary{min-height:44px;padding:12px 0;font-size:12px;color:var(--brand-text);}
 #page-content .sfv-active{padding:0;background:transparent;border:0;box-shadow:none;}
 #page-content .sfv-active>.sfv-card-head{padding:12px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;}
 #page-content .sfv-active .sfv-card-head h3{font-size:18px;}
 #page-content .sfv-active .sfv-eyebrow{display:none;}
 #page-content .sfv-checkin-time{font-size:12px;color:var(--ui-muted);margin:8px 0;}
 #page-content .sfv-visit-context{font-size:12px;margin:8px 0;}
 #page-content .sfv-visit-context>summary{min-height:44px;display:flex;align-items:center;color:var(--brand-text);}
 #page-content .sfv-task-hub h4{font-size:14px;margin:12px 0 8px;}
 #page-content .sfv-task-hub>div a{min-height:48px;padding:10px 12px;}
 #page-content .sfv-task-copy>span{display:none;}
 #page-content .sfv-checkout-actions{display:grid;grid-template-columns:1fr;padding:8px;background:var(--ui-surface);border-radius:12px;}
 #page-content .sfv-checkout-actions>.btn-primary{width:100%;}
 #page-content .erp-labels .erp-state-control select{font-size:16px;}
 #page-content .erp-home-more{border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);margin:0 0 8px;min-width:0;}
 #page-content .erp-home-more>summary{min-height:44px;padding:12px;font-size:13px;font-weight:600;color:var(--ui-text);cursor:pointer;}
 #page-content .erp-home-more>.erp-panel,#page-content .erp-home-more>.erp-workspaces{border:0;margin:0;box-shadow:none;}
 #page-content .erp-dashboard-grid{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;}
 #page-content .erp-dashboard-grid>*{width:100%;min-width:0;align-self:stretch;box-sizing:border-box;}
 #page-content .erp-dashboard-grid>.erp-state-overview{order:-2;}
 #page-content .erp-dashboard-grid>.erp-recent-overview{order:-1;}
 #page-content .erp-dashboard-grid>.erp-home-more{order:1;}
 #page-content .erp-home .erp-panel-head{padding:10px 12px;min-height:44px;align-items:center;}
 #page-content .erp-home .erp-panel-head h2{font-size:14px;line-height:1.3;}
 #page-content .erp-home .erp-panel-head p,#page-content .erp-home .erp-panel-note,#page-content .erp-home .workspace-bottom-note{display:none;}
 #page-content .erp-home .erp-record{padding:8px 12px;gap:8px;min-height:56px;flex-wrap:nowrap;}
 #page-content .erp-home .erp-record strong{font-size:13px;line-height:1.35;}
 #page-content .erp-home .erp-record small{font-size:11px;line-height:1.35;margin-top:3px;}
 #page-content .erp-recent-overview .erp-record>div>small:last-child{display:none;}
 #page-content .erp-home .erp-state-row{padding:8px 12px;gap:2px 8px;min-height:56px;}
 #page-content .erp-home .erp-state-row strong{font-size:13px;}
 #page-content .erp-home .erp-state-row small{font-size:11px;}
 #page-content .erp-home .erp-mobile-attention{margin-bottom:8px;}
 #page-content .erp-mobile-attention>h2{padding:8px 12px 4px;font-size:14px;line-height:20px;}
 #page-content .erp-attention-row{padding:7px 12px;min-height:44px;}
 #page-content .erp-attention-approved{padding:6px 12px;font-size:11px;}
 #page-content .erp-performance-card small{display:block;font-size:10px;line-height:1.3;margin-top:4px;}
 #page-content .erp-performance-card strong{margin-top:4px;}
 #page-content .sfv-resume-visit{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;background:var(--ui-selected);border-radius:12px;padding:10px;margin:8px 0;}
 #page-content .sfv-resume-visit svg{width:20px;height:20px;}
 #page-content .sfv-resume-visit small{display:block;font-size:11px;}
 #page-content .sfv-resume-visit strong{font-size:13px;}
 #page-content .sfv-phone-options .sfv-workhead{display:flex;}
 #page-content .sfv-task-hub>div a>.sfv-task-copy{display:block;min-width:0;grid-column:2;grid-row:1;}
 #page-content .sfv-task-hub>div a>.sfv-task-icon{grid-column:1;grid-row:1;}
 #page-content .sfv-task-hub>div a>b{position:static;grid-column:3;grid-row:1;}
 #page-content .sfv-outlet-choices{gap:0;border:1px solid var(--ui-border);border-radius:12px;overflow:hidden;background:var(--ui-surface);}
 #page-content .sfv-outlet-choice{padding:10px 12px;border:0;border-bottom:1px solid var(--ui-border);border-radius:0;min-height:64px;}
 #page-content .sfv-outlet-choice:last-child{border-bottom:0;}
 #page-content .sfv-outlet-choice .sfv-choice-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;}
 #page-content .sfv-outlet-choice .sfv-choice-body>strong{font-size:14px;grid-column:1;}
 #page-content .sfv-outlet-choice .sfv-choice-body>small{font-size:11px;grid-column:1;}
 #page-content .sfv-outlet-choice .sfv-choice-body>.sfv-badge{grid-column:2;grid-row:1/3;align-self:center;}
 #page-content .sfv-outlet-choice .sfv-choice-purpose{display:none;}
 #page-content .field-visit-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 12px;padding:10px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;text-align:center;}
 #page-content .field-home [data-field-routes]:not([hidden]){display:block;}
 #page-content .field-visit-counts>div+div{border-left:1px solid var(--ui-border);}
 #page-content .field-visit-counts dt{font-size:11px;color:var(--ui-muted);}
 #page-content .field-visit-counts dd{margin:3px 0 0;font-size:20px;font-weight:650;}
 #page-content [data-field-routes] .field-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 6px;}
 #page-content [data-field-routes] .field-section-heading h2{font-size:14px;margin:0;}
 #page-content [data-field-routes] .field-section-heading a{font-size:12px;min-height:44px;display:flex;align-items:center;}
 #page-content .field-route-list{border:1px solid var(--ui-border);border-radius:12px;overflow:hidden;background:var(--ui-surface);}
 #page-content .field-route-list>a{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:64px;padding:10px 12px;text-decoration:none;color:var(--ui-text);border-bottom:1px solid var(--ui-border);}
 #page-content .field-route-list>a:last-child{border-bottom:0;}
 #page-content .field-route-list svg{width:20px;height:20px;color:var(--brand-text);}
 #page-content .field-route-list strong{display:block;font-size:14px;line-height:1.3;}
 #page-content .field-route-list small{display:block;font-size:12px;color:var(--ui-muted);margin-top:4px;}
 #page-content .field-route-list>p{font-size:12px;padding:12px;margin:0;}
 #app-shell #page-content .mobile-filter-sheet>.search-box{display:none;}
 #app-shell #page-content .mobile-filter-sheet>.mobile-filter-more{flex:1 0 100%;width:100%;border-top:1px solid var(--ui-border);}
 #page-content .mobile-filter-more>summary{min-height:44px;padding:12px 0;font-size:13px;font-weight:600;color:var(--brand-text);cursor:pointer;}
 #app-shell #page-content .mobile-filter-more>.field,#app-shell #page-content .mobile-filter-more>label{display:grid;grid-template-columns:minmax(88px,.7fr) minmax(0,1.3fr);align-items:center;gap:10px;min-height:44px;margin:0 0 8px;width:100%;}
 #page-content .mobile-filter-more>.field>label{font-size:12px;margin:0;}
 #page-content .page-header:has(+.filter-bar)>div>p,#page-content .page-header:has(~.filter-bar)>div>p{display:none;}
 #page-content .field-home-heading h1,#page-content .field-home-heading p{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
 #page-content .field-home-heading{padding:0!important;margin:0!important;min-height:44px;}
 #page-content .field-home-heading .workspace-eyebrow{font-size:10px;letter-spacing:0;}
 #page-content .field-today>.field-section-heading{min-height:32px;margin:0 0 6px;}
 #page-content .field-today>.field-section-heading h2{font-size:14px;}
 #page-content .field-day-times{margin:8px 0;gap:8px;}
 #page-content .field-day-times>div{padding:0;border:0;border-radius:0;background:transparent;}
 #page-content .field-day-times dt{font-size:10px;}
 #page-content .field-day-times dd{font-size:13px;line-height:1.3;margin-top:2px;}
 #page-content .field-open-visit{padding:8px 10px;margin:8px 0;}
 #page-content .field-open-visit .badge{justify-self:start;font-size:10px;}
 #page-content .field-open-visit>div{gap:2px;}
 #page-content .field-open-visit small{display:none;}
 #page-content .field-next-hint{font-size:11px;line-height:1.35;margin:6px 0;}
 #page-content .field-day-tools>summary{font-size:11px;min-height:44px;padding:12px 0;}
 #page-content .field-routine-hint{display:none;}
 #page-content #f-connected-status:not([data-notice=true]){display:none;}
 #page-content .card:has(>#filtered-totals){padding:10px;}
 #page-content #filtered-totals{padding:4px 8px;margin-bottom:4px;}
 #page-content [data-mobile-view=cards] tr:not(.mobile-record-expanded):not(:has(.mobile-record-select)) .mobile-record-toggle{position:absolute;right:2px;top:2px;}
 #page-content [data-mobile-view=cards] tr:not(.mobile-record-expanded):not(:has(.mobile-record-select)) .mobile-record-toggle button{width:44px;height:44px;font-size:0;}
 #page-content [data-mobile-view=cards] tr:not(.mobile-record-expanded):not(:has(.mobile-record-select)) .mobile-record-toggle button::before{content:'›';font-size:22px;}
 #page-content [data-mobile-view=cards] tr:not(.mobile-record-expanded):not(:has(.mobile-record-select)) .mobile-record-toggle button>span{display:none;}
 #page-content [data-mobile-view=cards] tr:not(.mobile-record-expanded):not(:has(.mobile-record-select)) .mobile-record-title{padding-right:34px;}
}

@media(min-width:761px){.mobile-drawer-title,.mobile-drawer-role{display:none;}}

@media(max-width:760px){
 #app-shell .page-loading{justify-content:flex-start;padding:24px 12px;font-size:14px;}
 #app-shell .mobile-bottom-nav a:active,#app-shell .sfa-journey a:active,
 #app-shell .sfv-route-card:active{box-shadow:inset 0 0 0 2px currentColor;}
}