/* Selected design: deep navy navigation, a shared metric band and restrained geometry. */
@media screen {
 body[data-theme]{--bg:#edf3f6;--surface:rgba(255,255,255,.96);--ink:#20384b;--text-secondary:#465f70;--muted:#708493;--line:#d7e2e8;--table-head:#eaf1f4;--control-line:#c8d8e0;--shadow:0 7px 22px rgba(23,49,72,.045);--action:#197391;--kpi:#173148;--nav:#102b3d;--nav-open:#1e6078;--nav-hover:#173c52;--nav-subnav:#0d2435;--order-blue:#197391}
 body[data-theme="cloud"]{--blue:#197391;--blue-soft:#e8f4f7;--blue-line:#c9dfe7;--blue-ring:rgba(25,115,145,.12);--theme-accent:#37a9a2;--theme-accent-ink:#fff;--nav:#102b3d;--nav-open:#1e6078;--nav-hover:#173c52;--nav-subnav:#0d2435;--theme-wash:#e8f4f7}
 body[data-theme="haze"]{--bg:#f3f5f8;--blue:#406ca2;--action:#426da7;--kpi:#355472;--nav:#14263c;--nav-open:#304b6c;--nav-hover:#2b4260;--nav-subnav:#142c43;--theme-wash:#e4eaf2}
 body[data-theme="mint"]{--bg:#f3f7f5;--blue:#287b68;--action:#22826d;--kpi:#1b6158;--nav:#102c29;--nav-open:#1d5047;--nav-hover:#214f48;--nav-subnav:#11342e;--theme-wash:#e0eee8}
 body[data-theme="lavender"]{--bg:#f2f7f7;--blue:#277f8c;--action:#228190;--kpi:#155a68;--nav:#102a35;--nav-open:#1d4e5c;--nav-hover:#214d58;--nav-subnav:#103440;--theme-wash:#dfeef0}
 body[data-theme="apricot"]{--bg:#f7f6f2;--blue:#5b6d85;--action:#596e88;--kpi:#495b6b;--nav:#222c38;--nav-open:#3c4d60;--nav-hover:#3a495c;--nav-subnav:#26333f;--theme-wash:#ece9e1}
 .main-column{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-wash) 40%,white),var(--bg) 50%)}
 .sidebar{background:linear-gradient(140deg,var(--nav),color-mix(in srgb,var(--nav) 92%,#000));padding-top:22px;position:relative;isolation:isolate}
 .sidebar::after{display:block;content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:220px;background:url('/static/assets/enterprise-sidebar.svg') no-repeat left bottom;background-size:100% auto;opacity:.3;mask-image:linear-gradient(transparent,#000 65%);-webkit-mask-image:linear-gradient(transparent,#000 65%);filter:blur(5px);pointer-events:none}
 #navigation{position:relative;background:color-mix(in srgb,var(--nav) 97%,transparent);border-radius:6px}
 .brand{padding-bottom:25px;gap:12px;align-items:center}
 .sidebar .brand b{font-size:17px;letter-spacing:.3px;white-space:nowrap}
 .sidebar .brand small{display:none}
 .enterprise-brand{display:block;position:relative;width:32px;height:32px;min-width:32px;flex-basis:32px;border-radius:0;box-shadow:none;background:linear-gradient(135deg,#29c3ea 0 45%,transparent 46% 55%,#0878aa 56%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
 .enterprise-icon{display:inline-block;width:22px;height:22px;flex:0 0 22px;vertical-align:middle}
 #navigation .nav-item{min-height:47px;padding:12px 14px;gap:14px;position:relative;color:#e7f0fb;font-weight:400;border-radius:5px}
 #navigation .nav-item.active{background:var(--nav-open);color:white;box-shadow:none}
 #navigation .nav-item.active:not(.nav-group-toggle),#navigation .nav-group-toggle.active[aria-expanded="false"]{background:var(--nav-open);color:#fff;box-shadow:none}
 #navigation .nav-item.active:not(.nav-group-toggle) .nav-icon,#navigation .nav-group-toggle.active .nav-icon{color:#e6f5ff}
 #navigation .nav-item.active::before{display:none;content:none}
 #navigation .nav-item:hover{background:var(--nav-hover)}
 #navigation .nav-icon{display:flex;align-items:center;justify-content:center;width:24px;color:inherit}
 #navigation .nav-subnav{margin:3px 0 8px;padding-left:32px;border-left:0;background:transparent}
 #navigation .nav-platform{padding:9px 13px;border-radius:5px;color:#b7c9dc}
 #navigation .nav-platform.active{background:var(--nav-open);color:#fff;box-shadow:none}
 /* Keep the illustration and footer on the sidebar's own continuous gradient. */
 .sidebar-plant{background:transparent}
 .sidebar-plant::after{display:none;content:none}
 .sidebar-bottom{position:relative;margin-top:auto;background:transparent}
 .sidebar-bottom .local-note{color:#9db0c3;font-size:11px}
 .topbar{min-height:64px;padding:10px 28px;background:rgba(255,255,255,.72);backdrop-filter:blur(18px);border-bottom:1px solid #dfe8ef;gap:18px}
 .topbar .breadcrumbs{display:none}
 .enterprise-search{display:flex;align-items:center;gap:12px;width:min(48%,570px);height:38px;border:1px solid var(--control-line);background:#ffffffdc;border-radius:6px;padding:0 13px;color:#8293aa;margin-right:auto}
 .enterprise-search input{width:100%;min-width:0;height:34px;border:0;background:transparent;padding:0;color:var(--ink);outline:0;box-shadow:none;font-size:13px}
 .enterprise-search input::placeholder{color:#8393a9}
 .enterprise-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-ring)}
 .enterprise-search button{border:0;background:none;color:var(--muted);cursor:pointer;padding:4px;font:inherit}
 .enterprise-search[hidden]{display:none}
 .topbar-right{margin-left:auto;gap:10px}
 .topbar .avatar{background:var(--action);color:#fff;box-shadow:none;width:34px;height:34px}
 .theme-picker-trigger{background:transparent!important;border:0!important;box-shadow:none!important}
 .theme-picker-dot{border:1px solid var(--blue);background:var(--blue-soft)}
 .content{background:transparent;position:relative;padding:24px 28px 32px}
 .content::before{display:none;content:none;background:none}
 .content:has(.dashboard-page){padding:20px 28px 32px;background:transparent}
 .page-head{position:relative;margin-bottom:20px}
 #mainContent .page-head h1{font-weight:700;color:var(--ink)}
 .page-head .eyebrow{display:none}
 .page-head h1{position:relative;padding-left:17px}
 .page-head h1::before{content:"";position:absolute;top:3px;bottom:2px;left:0;width:5px;border-radius:2px;background:linear-gradient(#008bbc,#0566a1)}
 .panel,.metric-card,.settings-card,.roadmap-card{border:1px solid #ffffffdb;border-radius:10px;background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
 .btn{border-radius:6px;box-shadow:none;min-height:35px}
 .btn.primary{background:var(--action);border-color:var(--action);color:#fff;box-shadow:0 3px 8px #0868ec10}
 .btn.primary:hover{background:color-mix(in srgb,var(--action) 90%,#000);color:#fff}
 #mainContent input:not([type="checkbox"]):not([type="radio"]),#mainContent select,dialog input:not([type="checkbox"]):not([type="radio"]),dialog select{border:1px solid var(--control-line);border-radius:6px;background-color:#fff;box-shadow:none;font-weight:400}
 #mainContent textarea,dialog textarea{border:1px solid var(--control-line);border-radius:6px;background:#fff;font-size:13px}
 .table-wrap{border-color:var(--line);border-radius:6px;background:#ffffffeb}
 .table-export-toolbar,.data-grid-toolbar{background:transparent;border-bottom:0}
 #mainContent table th{background:var(--table-head);color:#425977}
 #mainContent table td{color:#253d5b}
 tbody tr:nth-child(even){background:#f8fafc66}
 .tag{border-radius:14px;font-weight:500;padding:3px 9px}
 .dashboard-top-row{position:relative;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;min-height:44px}
 .dashboard-top-row .page-head{flex:0 0 auto}
 .dashboard-top-row .page-head p{margin:6px 0 0 17px;color:var(--muted)}
 .dashboard-filter-panel{padding:0;position:relative;z-index:1}
 .dashboard-filter-form{gap:8px;align-items:flex-end}
 #dashboardFilters select,#dashboardFilters input[type="date"],#dashboardFilters>.btn{height:38px;min-height:38px;box-sizing:border-box}
 #dashboardFilters>.btn{padding:0 13px;display:inline-flex;align-items:center;justify-content:center}
 .dashboard-filter-field{gap:4px;min-width:100px}
 .dashboard-filter-field select,#dashboardAccount{min-width:100px;max-width:180px}
 .dashboard-kpis{display:grid;grid-template-columns:1.22fr 1fr 1fr 1fr;gap:0;padding:5px;margin-bottom:16px;border:1px solid #fff;border-radius:10px;background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(16px)}
 .dashboard-kpi{position:relative;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto auto;column-gap:16px;row-gap:3px;align-content:center;align-items:center;min-height:114px;padding:16px 24px;border:0!important;border-radius:0;background:transparent;box-shadow:none!important;transform:translateY(0)!important}
 .dashboard-kpi:not(:first-child)::before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:1px;background:var(--line)}
 .dashboard-kpi{transition:transform .65s cubic-bezier(.22,1,.36,1),box-shadow .65s ease,background-color .65s ease,filter .65s ease!important;filter:brightness(1);cursor:pointer}
 .dashboard-kpi:active{transform:translateY(0)!important}
 .dashboard-kpi:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
 .enterprise-kpi-icon{grid-row:1/4;color:var(--kpi);display:flex}
 .enterprise-kpi-icon svg{width:34px;height:34px;flex-basis:34px}
 .dashboard-kpi-label{grid-column:2;color:var(--ink);font-weight:500}
 #mainContent .dashboard-kpi strong{grid-column:2;font-size:26px;line-height:1.2;font-weight:650;letter-spacing:0}
 .dashboard-kpi-detail{grid-column:2;font-size:11px;line-height:1.3}
 .dashboard-kpi-todo{border-radius:7px;background:linear-gradient(120deg,var(--kpi),color-mix(in srgb,var(--kpi) 85%,#0b3152));color:#fff;overflow:hidden}
 .dashboard-kpi-todo:hover,.dashboard-kpi-todo:active{background:linear-gradient(120deg,var(--kpi),color-mix(in srgb,var(--kpi) 85%,#0b3152))}
 .dashboard-kpi-todo::after{content:"";position:absolute;right:-15px;top:0;width:110px;height:120px;background:linear-gradient(45deg,transparent 45%,#ffffff0a 45% 70%,transparent 70%),linear-gradient(135deg,transparent 45%,#ffffff08 45% 65%,transparent 65%);pointer-events:none;transform:translateX(0);transition:transform .8s cubic-bezier(.22,1,.36,1)}
 .dashboard-kpi-todo .enterprise-kpi-icon,.dashboard-kpi-todo .dashboard-kpi-label,#mainContent .dashboard-kpi-todo strong{color:#fff}
 .enterprise-kpi-cta{position:absolute;right:18px;bottom:18px;border:1px solid #ffffff70;border-radius:18px;padding:5px 13px;font-size:12px;color:#fff;transition:background-color .65s ease,border-color .65s ease}
 @media(hover:hover) and (pointer:fine){
  .dashboard-kpi:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #153c620a!important;background-color:color-mix(in srgb,var(--blue-soft) 40%,transparent)}
  .dashboard-kpi-todo:hover{filter:brightness(1.045)}
  .dashboard-kpi-todo:hover::after{transform:translateX(-4px)}
  .dashboard-kpi-todo:hover .enterprise-kpi-cta{background-color:#ffffff0d;border-color:#ffffffa0}
 }
 .dashboard-kpi-todo+.dashboard-kpi::before{display:none}
 .dashboard-primary-grid{grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:16px;margin-bottom:16px}
 .dashboard-primary-grid>.panel,.dashboard-content>.panel{padding:17px 18px;border:1px solid #ffffffdb;border-radius:10px;background:var(--surface);box-shadow:var(--shadow);margin-bottom:16px}
 .dashboard-primary-grid>.panel{margin-bottom:0}
 .dashboard-page .panel-head{margin-bottom:13px}
 .dashboard-page h2{display:flex;gap:10px;align-items:center}
 .dashboard-page h2>.enterprise-icon{color:#047fac;width:21px;height:21px;flex-basis:21px}
 .dashboard-exception-panel h2>.enterprise-icon{color:#df5055;fill:#df5055;stroke:#fff;border-radius:50%;background:#df5055}
 .dashboard-todo-table-wrap{border:0;border-radius:0}
 #mainContent .dashboard-todo-table td{padding:14px 9px}
 .dashboard-row-action{border:1px solid var(--action);background:var(--action);border-radius:5px;color:#fff;padding:7px 13px;font-weight:400}
 .dashboard-row-action:hover{color:#fff;text-decoration:none;filter:brightness(.95)}
 .dashboard-alert{padding:15px 13px;background:#fff2e2;border:1px solid #fff0df;border-radius:7px;min-height:76px;align-items:center;gap:12px}
 .dashboard-alert+.dashboard-alert{margin-top:8px}
 .dashboard-alert-icon{width:32px;height:34px;flex-basis:32px;display:grid;place-items:center;border-radius:9px;margin:0;background:#ffe3bf!important;color:#dd7800}
 .dashboard-alert-icon::after{content:'!';font-size:20px;font-weight:500}
 .dashboard-alert-content{gap:6px}
 .dashboard-alert-content b{font-weight:600}
 .dashboard-alert-content span{color:#6b6170}
 .dashboard-approval-panel.is-empty{display:flex;align-items:center;gap:20px;padding:10px 18px}
 .dashboard-approval-panel.is-empty .panel-head{margin:0}
 .dashboard-approval-panel.is-empty .table-wrap{border:0;flex:1;background:transparent}
 .dashboard-approval-panel.is-empty thead{display:none}
 .dashboard-approval-panel.is-empty td{border:0;padding:0!important;background:transparent}
 .dashboard-approval-panel.is-empty .data-grid-toolbar,.dashboard-approval-panel.is-empty .table-export-toolbar{display:none}
 .enterprise-orders-table{min-width:890px;table-layout:auto}
 #mainContent .enterprise-orders-table td{padding:10px 14px;white-space:nowrap}
 .enterprise-orders-table th{padding:9px 14px}
 .enterprise-orders-table th:nth-child(1){width:18%}
 .enterprise-orders-table th:nth-child(3){width:17%}
 /* All displayed order references share the approved regular, compact text style. */
 #mainContent .order-reference,dialog .order-reference,#mainContent .order-reference-link,dialog .order-reference-link{font-family:inherit!important;font-size:13px!important;font-weight:400!important;line-height:1.5!important;letter-spacing:0!important;color:var(--order-blue)!important;white-space:nowrap}
 #mainContent .order-reference-link,dialog .order-reference-link{display:inline!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;height:auto!important;min-width:0!important;width:auto!important;text-align:inherit}
 #mainContent [data-col-key="external_order_no"],#mainContent [data-col-key="customer_order_no"]{font-size:13px;font-weight:400;color:var(--order-blue)}
 .order-reference-link:hover{text-decoration:underline}
 .order-reference-link:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
 .footer{background:transparent;border-top:0;color:#7e8fa3}
 @media(min-width:1500px){.sidebar{width:242px;flex-basis:242px}.dashboard-kpi{padding:18px 28px;min-height:120px}}
 @media(max-width:1200px){.enterprise-kpi-cta{display:none}.dashboard-kpi{padding:16px;column-gap:9px}.dashboard-primary-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.dashboard-top-row{flex-wrap:wrap}.dashboard-filter-panel{margin-left:auto}.topbar .local-pill{display:none}.sidebar .brand b{font-size:15px}}
 @media(max-width:960px){.dashboard-primary-grid{grid-template-columns:1fr}.enterprise-search{width:40%}.topbar{padding-inline:20px}.content,.content:has(.dashboard-page){padding-inline:20px}.dashboard-kpi{grid-template-columns:28px 1fr;padding:14px 12px}.enterprise-kpi-icon svg{width:27px;height:27px;flex-basis:27px}.dashboard-kpi-detail{display:none}}
 @media(max-width:720px){.sidebar{padding:16px 7px}.sidebar .brand{padding:0 6px 20px}.sidebar .brand>span:last-child{display:none}#navigation .nav-item,#navigation .nav-item.active{font-size:0;padding:11px 6px;gap:0;justify-content:center}#navigation .nav-item .menu-caret{display:none}#navigation .nav-subnav{padding-left:0}#navigation .nav-platform{font-size:11px;padding:8px 2px;text-align:center;white-space:normal}.sidebar::after{height:120px}.topbar{gap:9px;padding:9px 14px}.enterprise-search{width:auto;flex:1;gap:7px;padding:0 9px}.enterprise-search .enterprise-icon{width:16px;flex-basis:16px}.topbar-right{gap:6px}.topbar .avatar,.topbar .user-role-label{display:none}.content,.content:has(.dashboard-page){padding:18px 14px}.content::before{width:160px;opacity:.35}.dashboard-kpis{grid-template-columns:1fr 1fr;gap:3px}.dashboard-kpi{min-height:95px}.dashboard-kpi:nth-child(3)::before{display:none}.dashboard-filter-form{justify-content:flex-start;flex-wrap:wrap}.dashboard-filter-panel{margin-left:0}.dashboard-filter-field select,#dashboardAccount{max-width:150px}.dashboard-primary-grid>.panel,.dashboard-content>.panel{padding:14px}.dashboard-approval-panel.is-empty{display:block}.dashboard-approval-panel.is-empty .panel-head{margin-bottom:5px}}
 @media(prefers-reduced-transparency:reduce){.panel,.topbar,.dashboard-kpis{background:#fff;backdrop-filter:none}}
 @media(prefers-reduced-motion:reduce){.dashboard-kpi,.dashboard-kpi:hover,.dashboard-kpi::after,.enterprise-kpi-cta{transition:none!important;transform:none!important}}
}

@media screen {
 .dashboard-business-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .dashboard-business-overview>div{display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft)}
 .dashboard-business-overview span{font-size:13px;color:var(--muted)}
 .dashboard-business-overview b{font-size:20px;font-weight:600;color:var(--ink)}
 .dashboard-business-overview small{font-size:12px;color:var(--muted)}
 .dashboard-page .table-export-toolbar,.dashboard-page .data-grid-toolbar{padding:0 0 10px;margin:0;min-height:34px;align-items:center;justify-content:flex-end;gap:8px}
 .dashboard-content>.panel>.table-wrap,.dashboard-primary-grid>.panel>.table-wrap{border:0;border-radius:0}
}

@media screen {
 .sales-summary-products{display:grid;gap:10px;white-space:normal;min-width:260px}
 .sales-summary-products>div{display:grid;gap:4px}
 .sales-summary-products>div+div{padding-top:8px;border-top:1px solid var(--line)}
 .sales-summary-products span{font-size:13px;line-height:1.55;overflow-wrap:anywhere}
 .sales-summary-products small{display:block;color:var(--muted);font-size:12px;line-height:1.5}
 .sales-summary-table [data-col-key="products"]{width:340px;min-width:280px;white-space:normal}
 .sales-summary-table [data-col-key="order_type"]{width:130px;min-width:120px}
}

#orderColumnSettings{width:auto;min-width:82px;padding:0 11px;font-size:13px;white-space:nowrap}
.table-wrap>.table-export-toolbar,.table-wrap>.data-grid-toolbar{position:sticky;left:0;box-sizing:border-box}

/* Shared table tools: all modules, detail views and dialogs use the same geometry. */
:root{--table-tool-height:34px;--table-tool-font-size:13px;--table-tool-gap:8px}
:is(#mainContent,dialog) :is(.table-export-toolbar,.data-grid-toolbar){display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--table-tool-gap)}
:is(#mainContent,dialog) :is(.table-export-toolbar,.data-grid-toolbar) :is(button,a.btn){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:var(--table-tool-height)!important;min-height:var(--table-tool-height)!important;max-height:var(--table-tool-height);margin:0;padding:0 10px;font-family:inherit;font-size:var(--table-tool-font-size)!important;font-weight:500;line-height:1;letter-spacing:0;white-space:nowrap;border-radius:6px;vertical-align:middle;flex:0 0 auto}

/* Local query, shared across module lists without changing routes or business actions. */
.module-query-hidden{display:none!important}
.module-record-query{display:flex;align-items:flex-end;gap:8px;padding:12px 14px;margin:0 0 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.module-record-query label{display:grid;gap:5px;min-width:260px;font-size:12px;color:var(--muted)}
.module-record-query input{width:min(400px,100%);height:36px;font-size:13px}
.module-record-query .btn{height:36px;min-height:36px;padding:0 12px;font-size:13px}
.module-record-query>[role=status]{margin-left:auto;font-size:12px;align-self:center}
article.finance-workspace-card,article.metric-card{cursor:default}
@media(max-width:760px){.module-record-query{flex-wrap:wrap}.module-record-query label{min-width:180px;flex:1}.module-record-query>[role=status]{flex-basis:100%;margin-left:0}}