/* GUIA DE LEITURA: componentes compartilhados, acessibilidade e adaptação da interface.
 * Os seletores definem onde aplicar cada regra; a ordem na cascata e as consultas @media afetam o resultado visual.
 * Visão geral: docs/permanente/GUIA_DO_CODIGO.md.
 */
:root{
  --ds-blue-900:#0b3554;--ds-blue-800:#104b74;--ds-blue-700:#165f8f;--ds-blue-600:#2776a7;--ds-blue-400:#78a9c8;--ds-blue-100:#eaf3f9;
  --ds-orange-700:#c85d0a;--ds-orange-600:#e97818;--ds-orange-100:#fff0e2;
  --ds-green-700:#24734c;--ds-green-100:#e9f5ee;--ds-yellow-700:#94610d;--ds-yellow-100:#fff5db;
  --ds-red-700:#a43838;--ds-red-100:#fceded;--ds-gray-900:#17242d;--ds-gray-700:#52616b;
  --ds-gray-500:#7b8992;--ds-gray-300:#d9e1e6;--ds-gray-200:#e8edf0;--ds-gray-100:#f4f6f8;--ds-white:#fff;
  --ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-6:24px;--ds-space-8:32px;--ds-space-10:40px;--ds-space-12:48px;
  --ds-radius-input:8px;--ds-radius-button:8px;--ds-radius-card:12px;--ds-radius-modal:16px;
  --ds-control-height:42px;--ds-shadow-card:0 1px 2px rgba(16,45,65,.05);--ds-shadow-hover:0 8px 24px rgba(16,45,65,.09);
  --ds-sidebar-wide:260px;--ds-sidebar-compact:76px;
  --ad-primary-blue:var(--ds-blue-700);--ad-primary-orange:var(--ds-orange-600);--ad-bg:var(--ds-gray-100);--ad-surface:var(--ds-white);--ad-text:var(--ds-gray-900);--ad-text-muted:var(--ds-gray-700);--ad-border:var(--ds-gray-300);--ad-success:var(--ds-green-700);--ad-warning:var(--ds-yellow-700);--ad-danger:var(--ds-red-700);--ad-sidebar:var(--ds-blue-900)
}
*{box-sizing:border-box}body.app-body{font-size:14px;line-height:1.5;background:var(--ds-gray-100)}
.app-main{padding:var(--ds-space-6) clamp(20px,3vw,40px) 64px}.app-main>*,.dashboard-v2>*{max-width:1600px;margin-left:auto;margin-right:auto}
.app-main h1,.dash-heading h1{font-size:clamp(24px,2vw,28px);line-height:1.2;font-weight:650;margin:0 0 var(--ds-space-1)}.app-main h2{font-size:19px;line-height:1.3;font-weight:650}.app-main h3{font-size:14px;font-weight:650}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 var(--ds-space-2);color:var(--ds-blue-700)}
.hero,.dash-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-6);margin-bottom:var(--ds-space-6)}.hero>div:first-child>p:last-child,.dash-heading>div>p:last-child{margin:var(--ds-space-1) 0 0;color:var(--ds-gray-700);max-width:760px}.hero .actions{display:flex;gap:var(--ds-space-2);flex-wrap:wrap;justify-content:flex-end}
.ds-breadcrumbs{display:flex;align-items:center;gap:var(--ds-space-2);max-width:1600px;margin:0 auto var(--ds-space-3);font-size:12px;color:var(--ds-gray-500)}.ds-breadcrumbs a{color:var(--ds-gray-700);text-decoration:none}.ds-breadcrumbs a:hover{color:var(--ds-blue-700)}.ds-breadcrumbs svg{width:12px;height:12px;stroke:currentColor;fill:none}
.button,button,input,select{min-height:var(--ds-control-height)}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);border-radius:var(--ds-radius-button);padding:9px 16px;font-size:13px;font-weight:650;text-decoration:none;border:1px solid transparent;cursor:pointer}.button.dark,.button.green,.green,button.dark,.button.primary{background:var(--ds-orange-600);border-color:var(--ds-orange-600);color:#fff}.button.dark:hover,.button.green:hover,.green:hover,button.dark:hover,.button.primary:hover{background:var(--ds-orange-700);border-color:var(--ds-orange-700)}.button.secondary,.button:not(.dark):not(.green):not(.red):not(.primary),button:not(.dark):not(.green):not(.red){background:#fff;border-color:var(--ds-gray-300);color:var(--ds-blue-700)}.button.ghost,.link,.link-button{background:transparent!important;border-color:transparent!important;color:var(--ds-blue-700)!important;text-decoration:none}.button.red,.red,.button.danger{background:var(--ds-red-700);border-color:var(--ds-red-700);color:#fff}.button:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(22,95,143,.24);outline-offset:2px}
input,select,textarea{width:100%;border:1px solid var(--ds-gray-300);border-radius:var(--ds-radius-input);background:#fff;color:var(--ds-gray-900);padding:9px 12px;font:inherit}textarea{min-height:96px}label{display:grid;gap:var(--ds-space-2);font-size:13px;font-weight:600;color:#34444e}.checkbox{display:flex;align-items:center;gap:var(--ds-space-2)}.checkbox input,input[type=checkbox],input[type=radio]{width:18px;min-height:18px;height:18px;accent-color:var(--ds-orange-600)}.form-card,.narrow-form{width:min(100%,1280px);margin-left:auto;margin-right:auto;padding:var(--ds-space-6)}.form-grid{gap:var(--ds-space-4)}fieldset{margin:0 0 var(--ds-space-6);padding:var(--ds-space-5,20px);border:1px solid var(--ds-gray-300);border-radius:var(--ds-radius-card)}legend{padding:0 var(--ds-space-2);font-size:14px;font-weight:650;color:var(--ds-blue-800)}.form-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-2);padding-top:var(--ds-space-4);border-top:1px solid var(--ds-gray-200)}
.panel,.form-card,.info-card,.balance-card,.metrics article,.dashboard-card{border:1px solid var(--ds-gray-300);border-radius:var(--ds-radius-card);box-shadow:var(--ds-shadow-card);background:#fff}.panel{margin-bottom:var(--ds-space-6)}
.metrics,.dash-kpis,.finance-grid,.allocation-kpis{gap:var(--ds-space-3)}.metrics article,.dashboard-card,.dash-kpis>a,.finance-grid>a,.allocation-kpis>*{position:relative;min-height:112px;padding:var(--ds-space-4);color:var(--ds-gray-900);text-decoration:none;overflow:hidden}.metrics article span,.dashboard-card .card-title,.allocation-kpis span{display:block;font-size:13px;font-weight:600;color:var(--ds-gray-700);text-transform:none;letter-spacing:0}.metrics strong,.dashboard-card .card-value,.allocation-kpis strong{display:block;margin:var(--ds-space-2) 0 var(--ds-space-1);font-size:clamp(24px,2vw,30px);line-height:1.1;font-weight:750;letter-spacing:-.025em}.dashboard-card small,.metrics small,.allocation-kpis small{font-size:12px;color:var(--ds-gray-500)}a.dashboard-card:hover,.dash-kpis>a:hover,.allocation-kpis>a:hover{border-color:#aebfc9;box-shadow:var(--ds-shadow-hover);transform:translateY(-1px)}
.filters,.search{display:flex;align-items:end;gap:var(--ds-space-2);padding:var(--ds-space-3);margin-bottom:var(--ds-space-3);background:#fff;border:1px solid var(--ds-gray-300);border-radius:var(--ds-radius-card)}.filters input,.filters select,.search input,.search select{min-width:150px;max-width:240px}.filters input:first-child,.search input:first-child{min-width:240px;flex:1}.filter-tabs{display:flex;gap:var(--ds-space-2);margin:0 0 var(--ds-space-3);overflow:auto}.filter-tabs a{white-space:nowrap;padding:7px 12px;border:1px solid var(--ds-gray-300);border-radius:999px;color:var(--ds-gray-700);text-decoration:none;background:#fff}.filter-tabs a.active{background:var(--ds-blue-100);border-color:#b9d3e4;color:var(--ds-blue-800);font-weight:650}
.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}th{position:sticky;top:0;z-index:2;height:42px;padding:10px 14px;background:#f2f5f7;color:var(--ds-gray-700);font-size:11px;font-weight:700;letter-spacing:.035em;text-transform:none;text-align:left;white-space:nowrap;border-bottom:1px solid var(--ds-gray-300)}td{height:52px;padding:10px 14px;border-bottom:1px solid var(--ds-gray-200);vertical-align:middle}tbody tr:hover{background:#f8fafb}td.number,th.number,td.stock{text-align:right;font-variant-numeric:tabular-nums}td:last-child,th:last-child{text-align:right}.table-wrap a{color:var(--ds-blue-700);text-decoration:none}.table-wrap a:hover{text-decoration:underline}.table-wrap small{display:block;color:var(--ds-gray-500);margin-top:2px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-4);color:var(--ds-gray-700)}
.tag,.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:750;line-height:1.4;letter-spacing:.025em;text-transform:uppercase;background:#edf1f3;color:var(--ds-gray-700)}.tag.entrada,.status-success,.tag[data-status="DEVOLVIDO"],.tag[data-status="FINALIZADO"]{background:var(--ds-green-100);color:var(--ds-green-700)}.tag.saida{background:var(--ds-blue-100);color:var(--ds-blue-700)}.status-warning,.tag[data-status="PARCIAL"],.tag[data-status="PARCIALMENTE DEVOLVIDO"]{background:var(--ds-yellow-100);color:var(--ds-yellow-700)}.status-danger,.tag[data-status="ATRASADO"],.tag[data-status="PERDIDO"]{background:var(--ds-red-100);color:var(--ds-red-700)}.status-info,.tag[data-status="EM ABERTO"],.tag[data-status="EM USO"]{background:var(--ds-blue-100);color:var(--ds-blue-700)}.status-neutral,.tag[data-status="CANCELADO"],.tag[data-status="DESCARTADO"],.tag[data-status="TROCADO"]{background:#edf1f3;color:var(--ds-gray-700)}
.alert{padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-input);border:1px solid #bfd5e4;background:var(--ds-blue-100);color:var(--ds-blue-800);margin-bottom:var(--ds-space-4)}.alert.success{background:var(--ds-green-100);color:var(--ds-green-700);border-color:#c7e0d2}.alert.warning{background:var(--ds-yellow-100);color:var(--ds-yellow-700);border-color:#ead79d}.alert.danger,.alert.error{background:var(--ds-red-100);color:var(--ds-red-700);border-color:#eccaca}.empty{padding:48px 24px!important;text-align:center;color:var(--ds-gray-700)}.empty:before{content:'Nenhum registro';display:block;margin-bottom:6px;font-size:16px;font-weight:650;color:var(--ds-gray-900)}
.batch-selection-bar{position:sticky;top:64px;z-index:8;display:none;align-items:center;justify-content:space-between;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-blue-900);color:#fff;border-radius:var(--ds-radius-input)}.batch-selection-bar.visible{display:flex}.batch-selection-bar .button{min-height:36px}
.app-sidebar,.app-shell{transition:width .2s,margin-left .2s,transform .2s}.sidebar-collapse{position:absolute;right:-14px;top:26px;z-index:2;width:28px;height:28px;min-height:28px;padding:0;border-radius:50%;background:#fff!important;color:var(--ds-blue-800)!important;border:1px solid var(--ds-gray-300)!important}.app-body.sidebar-compact .app-sidebar{width:var(--ds-sidebar-compact)}.app-body.sidebar-compact .app-shell{margin-left:var(--ds-sidebar-compact)}.app-body.sidebar-compact .doisa-brand{padding:0 20px}.app-body.sidebar-compact .doisa-brand>span:last-child,.app-body.sidebar-compact .side-nav span,.app-body.sidebar-compact .side-nav .chevron,.app-body.sidebar-compact .sidebar-footer{display:none}.app-body.sidebar-compact .side-nav>.nav-item,.app-body.sidebar-compact .side-nav summary{justify-content:center;padding:0}.app-body.sidebar-compact .nav-group>div{display:none!important}.app-body.sidebar-compact .side-nav a,.app-body.sidebar-compact .side-nav summary{position:relative}.app-body.sidebar-compact .side-nav a:hover:after,.app-body.sidebar-compact .side-nav summary:hover:after{content:attr(data-tooltip);position:absolute;left:58px;top:50%;transform:translateY(-50%);z-index:100;width:max-content;max-width:220px;padding:7px 10px;border-radius:6px;background:var(--ds-gray-900);color:#fff;font-size:12px;font-weight:500;box-shadow:var(--ds-shadow-hover)}
.skeleton{position:relative;overflow:hidden;background:#e8edf0!important;color:transparent!important}.skeleton:after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:ds-shimmer 1.3s infinite}@keyframes ds-shimmer{to{transform:translateX(100%)}}
.ds-process{max-width:1280px;margin-left:auto;margin-right:auto;margin-bottom:var(--ds-space-6)}.snapshot-preview:not(:empty){position:sticky;top:72px;z-index:5;margin:var(--ds-space-3) 0;padding:var(--ds-space-3) var(--ds-space-4);border:1px solid #bdd3e2;border-radius:var(--ds-radius-input);background:var(--ds-blue-100);color:var(--ds-blue-800);font-weight:600}.item-adder{display:grid;grid-template-columns:minmax(260px,1fr) minmax(120px,180px) auto;gap:var(--ds-space-2);align-items:end;margin-bottom:var(--ds-space-3)}.info-card{padding:var(--ds-space-6);margin-bottom:var(--ds-space-6)}.info-card dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--ds-space-4);margin:0}.info-card dt{font-size:12px;color:var(--ds-gray-500)}.info-card dd{margin:4px 0 0;font-weight:650}.inline{display:inline-flex}
.ds-toast-region{position:fixed;right:20px;bottom:20px;z-index:100;display:grid;gap:8px}.ds-toast{max-width:380px;padding:12px 16px;border-radius:var(--ds-radius-input);background:var(--ds-gray-900);color:#fff;box-shadow:var(--ds-shadow-hover)}
@media(max-width:1100px) and (min-width:901px){body:not(.sidebar-expanded) .app-sidebar{width:var(--ds-sidebar-compact)}body:not(.sidebar-expanded) .app-shell{margin-left:var(--ds-sidebar-compact)}body:not(.sidebar-expanded) .doisa-brand>span:last-child,body:not(.sidebar-expanded) .side-nav span,body:not(.sidebar-expanded) .side-nav .chevron,body:not(.sidebar-expanded) .sidebar-footer{display:none}body:not(.sidebar-expanded) .nav-group>div{display:none!important}.allocation-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.sidebar-collapse{display:none}.ds-breadcrumbs{margin-bottom:var(--ds-space-3)}.filters{align-items:stretch}.filters input,.filters select,.search input,.search select{max-width:none;min-width:140px}.hero{align-items:flex-start}}
@media(max-width:620px){.app-main{padding:18px 12px 48px}.hero{display:grid;gap:var(--ds-space-3)}.hero .actions{justify-content:flex-start}.hero .actions .button{flex:1}.filters,.search{display:grid;grid-template-columns:1fr}.filters input,.filters select,.search input,.search select{width:100%;max-width:none}.metrics,.allocation-kpis,.finance-grid{grid-template-columns:1fr}.form-card{padding:var(--ds-space-4)}.form-actions{flex-direction:column-reverse}.form-actions>*{width:100%}.batch-selection-bar{top:58px}.ds-breadcrumbs{overflow:auto;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none}}
body.app-body{overflow-x:hidden}.app-shell,.app-main{min-width:0;max-width:100%;overflow-x:hidden}.form-card legend{font:650 16px/1.35 Inter,"Segoe UI",sans-serif}.empty,td.empty{text-align:center!important}
.ds-breadcrumbs{display:flex;align-items:center;gap:7px;margin:0 0 var(--ds-space-3);color:var(--ds-gray-500);font-size:12px}.ds-breadcrumbs a{color:var(--ds-blue-700);text-decoration:none}.ds-breadcrumbs a:hover{text-decoration:underline}.ds-breadcrumbs span+span:before,.ds-breadcrumbs a+span:before,.ds-breadcrumbs a+a:before{content:'›';margin-right:7px;color:var(--ds-gray-400)}
.hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-space-2);flex-wrap:wrap}.hero-actions .button{white-space:nowrap}.module-tabs{display:flex;gap:var(--ds-space-1);margin:calc(var(--ds-space-2)*-1) 0 var(--ds-space-5);padding:0;border-bottom:1px solid var(--ds-gray-300);overflow-x:auto}.module-tabs a{flex:0 0 auto;padding:11px 13px;border-bottom:3px solid transparent;color:var(--ds-gray-700);font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap}.module-tabs a:hover{color:var(--ds-blue-700);background:var(--ds-blue-100)}.module-tabs a.active{color:var(--ds-blue-800);border-bottom-color:var(--ds-orange-600)}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--ds-space-3);margin-bottom:var(--ds-space-5)}.kpi-grid>article,.kpi-grid>a{position:relative;display:block;min-width:0;padding:18px;background:#fff;border:1px solid var(--ds-gray-300);border-radius:var(--ds-radius-card);box-shadow:var(--ds-shadow-card);color:var(--ds-gray-900);text-decoration:none}.kpi-grid>article:before,.kpi-grid>a:before{content:'';position:absolute;left:0;top:18px;width:3px;height:30px;border-radius:0 3px 3px 0;background:var(--ds-blue-600)}.kpi-grid>article:nth-child(even):before,.kpi-grid>a:nth-child(even):before{background:var(--ds-orange-600)}.kpi-grid span,.kpi-grid small{display:block;color:var(--ds-gray-600)}.kpi-grid span{font-size:11px;font-weight:750;letter-spacing:.045em;text-transform:uppercase}.kpi-grid strong{display:block;margin:4px 0;font-size:28px;line-height:1.15}.kpi-grid a:hover{border-color:var(--ds-blue-400);transform:translateY(-1px)}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);padding:16px 18px;border-bottom:1px solid var(--ds-gray-200)}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:3px}.section-heading>a{color:var(--ds-blue-700);font-size:13px;font-weight:650;text-decoration:none}.timeline{padding:4px 20px 20px}.timeline article{position:relative;padding:15px 10px 4px 28px;border-left:2px solid var(--ds-gray-200)}.timeline article:before{content:'';position:absolute;left:-6px;top:20px;width:10px;height:10px;border-radius:50%;background:var(--ds-blue-600);box-shadow:0 0 0 3px #fff}.timeline article strong,.timeline article span{display:block}.timeline article span{margin-top:2px;color:var(--ds-gray-500);font-size:12px}.timeline article p{margin:5px 0 0;color:var(--ds-gray-700)}
.item-adder{display:grid;grid-template-columns:minmax(280px,2fr) minmax(130px,.7fr) auto;gap:var(--ds-space-3);align-items:end;margin-bottom:var(--ds-space-4)}.panel>h2,.panel>p{margin-left:18px;margin-right:18px}.panel>h2:first-child{margin-top:18px}.status-badge[data-status="RASCUNHO"],.status-badge[data-status="AGUARDANDO TRANSPORTE"]{background:var(--ds-blue-100);color:var(--ds-blue-700)}.status-badge[data-status="EM TRÂNSITO"]{background:var(--ds-blue-100);color:var(--ds-blue-800)}.status-badge[data-status="RECEBIDO"]{background:var(--ds-green-100);color:var(--ds-green-700)}.status-badge[data-status="COM DIVERGÊNCIA"]{background:var(--ds-red-100);color:var(--ds-red-700)}.status-badge[data-status="CANCELADO"]{background:#edf1f3;color:var(--ds-gray-700)}
@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-adder{grid-template-columns:1fr 1fr}.item-adder .button{grid-column:1/-1}}@media(max-width:620px){.hero-actions{justify-content:stretch}.hero-actions .button{flex:1}.kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.kpi-grid>article,.kpi-grid>a{padding:14px}.kpi-grid strong{font-size:24px}.module-tabs{margin-top:0}.section-heading{align-items:flex-start}.item-adder{grid-template-columns:1fr}}
.hero-actions .button.green,.hero-actions .button.primary{background:var(--ds-orange-600)!important;border-color:var(--ds-orange-600)!important;color:#fff!important}.hero-actions .button.green:hover,.hero-actions .button.primary:hover{background:var(--ds-orange-700)!important;border-color:var(--ds-orange-700)!important}
.environment-banner{display:flex;align-items:center;justify-content:center;gap:10px;min-height:30px;padding:5px 16px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.075em;text-align:center}.environment-banner small{padding-left:10px;border-left:1px solid rgba(255,255,255,.45);font-size:10px;font-weight:650;letter-spacing:.03em;opacity:.88}.environment-dev{background:var(--ds-red-700)}.environment-demo{background:var(--ds-yellow-700)}
.row-actions{position:relative;display:inline-block;margin-left:6px;text-align:left}.row-actions summary{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ds-gray-300);border-radius:var(--ds-radius-input);cursor:pointer;list-style:none}.row-actions summary::-webkit-details-marker{display:none}.row-actions>div{position:absolute;right:0;top:38px;z-index:12;min-width:150px;padding:6px;background:#fff;border:1px solid var(--ds-gray-300);border-radius:var(--ds-radius-input);box-shadow:var(--ds-shadow-hover)}.row-actions>div a{display:block;padding:8px;border-radius:6px}.row-actions>div a:hover{background:var(--ds-gray-100);text-decoration:none}

/* Ajustes de UX e acessibilidade 1.4 */
:root{--ds-orange-700:#944000;--ds-orange-600:#b55006;--ds-gray-500:#66747d;--ad-primary-orange:#b55006;--ad-primary-orange-hover:#944000}
.skip-link{position:fixed;left:12px;top:8px;z-index:1000;padding:10px 14px;border-radius:8px;background:#fff;color:#0b3554;font-weight:800;box-shadow:0 4px 18px #0004;transform:translateY(-160%);transition:transform .15s}.skip-link:focus{transform:translateY(0)}
.dashboard-chart-card>header p,.dashboard-alert-panel>header p{color:#cbd7df}
.table-scroll-hint{display:none;margin:0 0 8px;color:var(--ds-gray-700);font-size:12px;font-weight:700}
.ux-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 4px 2px}.ux-pagination>div{display:flex;gap:8px}.ux-pagination a{display:inline-flex;min-height:40px;align-items:center;padding:0 14px;border:1px solid var(--ds-gray-300);border-radius:8px;background:#fff;color:var(--ds-blue-700);font-weight:750;text-decoration:none}
.batch-mobile-dock{display:none}
@media(max-width:620px){body:has(.batch-mobile-dock){padding-bottom:154px}.table-scroll-hint{display:block}.table-wrap{scrollbar-gutter:stable}.table-wrap table th:first-child,.table-wrap table td:first-child{position:sticky;left:0;z-index:1;background:#fff;box-shadow:1px 0 0 var(--ds-gray-300)}.table-wrap table thead th:first-child{z-index:3;background:var(--ds-gray-100)}.table-wrap input[type=checkbox]{width:24px;height:24px;margin:10px}.table-wrap .button,.table-wrap button{min-height:40px}.ux-pagination{align-items:stretch;flex-direction:column}.ux-pagination>div{width:100%}.ux-pagination a{flex:1;justify-content:center;min-height:44px}.batch-mobile-dock{position:fixed;display:grid;grid-template-columns:1fr;gap:9px;left:0;right:0;bottom:0;z-index:40;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--ds-gray-300);box-shadow:0 -8px 24px rgba(11,53,84,.16)}.batch-mobile-dock[hidden]{display:none!important}.batch-mobile-dock>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.batch-mobile-dock span{color:var(--ds-gray-700);font-weight:700}.batch-mobile-actions{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:7px}.batch-mobile-actions button{min-width:0;min-height:44px;padding:7px 8px}.batch-mobile-actions button:disabled{cursor:not-allowed;opacity:.48}.batch-confirm-bar{scroll-margin-top:72px;display:grid;grid-template-columns:1fr}.batch-confirm-bar>div,.batch-confirm-bar>label,.batch-confirm-bar>button{width:100%;min-width:0}.dashboard-v2 :is(.finance-grid,.allocation-kpis,.turnover-cards,.dashboard-chart-grid){display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-left:1px;padding:2px 28px 11px 1px}.dashboard-v2 :is(.finance-grid,.allocation-kpis,.turnover-cards,.dashboard-chart-grid)>*{flex:0 0 calc(100vw - 64px);min-width:0;scroll-snap-align:start}.dashboard-v2 :is(.finance-grid,.allocation-kpis,.turnover-cards,.dashboard-chart-grid)::-webkit-scrollbar{height:7px}.dashboard-v2 :is(.finance-grid,.allocation-kpis,.turnover-cards,.dashboard-chart-grid)::-webkit-scrollbar-thumb{background:#aab8c1;border-radius:8px}}
