/* Approved company visual language: restrained blue-grey, warm white, soft surfaces. */
@media screen {
 body[data-theme]{--surface:rgba(255,255,255,.93);--surface-soft:#f4f7fb;--surface-muted:#edf2f7;--line:#dce5ef;--control-line:#cbd8e6;--table-head:#edf3f9;--ink:#19324e;--text-secondary:#3c5067;--muted:#64778d;--shadow:0 4px 18px rgba(39,68,99,.045);--theme-wash:#d9e8f8;background:var(--bg);font-size:13px}
 body[data-theme="cloud"]{--bg:#f7f7f3;--theme-wash:#d7e9fa;--theme-accent:#bdd6f5;--theme-accent-ink:#173d68;--blue:#356faf;--blue-soft:#eaf3ff;--blue-line:#c5daf1;--nav:#1d334c;--nav-open:#2c4867;--nav-hover:#314f70;--nav-subnav:#1c3048}
 body[data-theme="haze"]{--bg:#f5f7f9;--theme-wash:#e0e8f3;--theme-accent:#c8d8eb;--theme-accent-ink:#2b4668;--blue:#536f95;--blue-soft:#edf3fa;--blue-line:#cfdfef;--nav:#30445e;--nav-open:#405b79;--nav-hover:#496482;--nav-subnav:#2d4059}
 body[data-theme="mint"]{--bg:#f5f8f4;--theme-wash:#dfeee5;--theme-accent:#c7e2d8;--theme-accent-ink:#27534b;--blue:#3c796e;--blue-soft:#edf7f2;--blue-line:#cee5dc;--nav:#29483f;--nav-open:#3c6056;--nav-hover:#446a5f;--nav-subnav:#264238}
 body[data-theme="lavender"]{--bg:#f4f8f7;--theme-wash:#daecec;--theme-accent:#c6e1e0;--theme-accent-ink:#275057;--blue:#447c82;--blue-soft:#edf7f7;--blue-line:#cee4e5;--nav:#2b4d56;--nav-open:#3c6570;--nav-hover:#466f79;--nav-subnav:#28474f}
 body[data-theme="apricot"]{--bg:#f8f7f2;--theme-wash:#eee9df;--theme-accent:#e1dbcf;--theme-accent-ink:#4b535e;--blue:#627185;--blue-soft:#f1f3f5;--blue-line:#dadfe6;--nav:#3a4654;--nav-open:#4e5d6d;--nav-hover:#586878;--nav-subnav:#35414e}
 .main-column{background:linear-gradient(160deg,color-mix(in srgb,var(--theme-wash) 65%,transparent) 0,transparent 460px),var(--bg)}
 .content{background:transparent;position:relative;isolation:isolate}
 .content::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:25px;left:22%;right:0;height:100px;background:url('/static/assets/mist-mountain-strip.png') no-repeat right bottom;background-size:100% 235px;opacity:.3;mask-image:linear-gradient(90deg,transparent,#000 25%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%)}
 .sidebar{background:linear-gradient(158deg,var(--nav),color-mix(in srgb,var(--nav) 90%,#0d1c30));border-right:1px solid rgba(255,255,255,.1);box-shadow:3px 0 18px #24394c08;position:relative;isolation:isolate;overflow:hidden}
 .sidebar::after{content:"";position:absolute;z-index:-1;pointer-events:none;left:0;right:0;bottom:35px;height:230px;background:url('/static/assets/mist-mountain-strip.png') no-repeat 68% bottom;background-size:auto 510px;filter:grayscale(1) brightness(.68);opacity:.18;mask-image:linear-gradient(transparent,#000 40%);-webkit-mask-image:linear-gradient(transparent,#000 40%)}
 body[data-theme="mint"] .content::before{filter:hue-rotate(325deg) saturate(.55)}
 body[data-theme="lavender"] .content::before{filter:hue-rotate(340deg) saturate(.7)}
 body[data-theme="apricot"] .content::before{filter:grayscale(.8) sepia(.2)}
 #navigation .nav-item,#navigation .nav-platform{font-size:13px}
 #navigation .nav-item,#navigation .nav-platform{border-radius:8px;transition:background .15s,color .15s}
 .topbar{background:rgba(255,255,255,.84);border-bottom:1px solid var(--line);box-shadow:0 2px 12px #2b476906;backdrop-filter:blur(12px)}
 .panel,.metric-card,.dashboard-kpi,.settings-card,.roadmap-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
 .dashboard-kpi{background:linear-gradient(125deg,rgba(255,255,255,.97),color-mix(in srgb,var(--blue-soft) 45%,white));min-height:102px}
 .dashboard-kpi:hover{background:var(--surface);box-shadow:0 6px 20px #365e8810;border-color:var(--blue-line);transform:translateY(-1px)}
 #mainContent .page-head h1,#mainContent .dashboard-top-row .page-head h1{font-size:24px;line-height:1.25;letter-spacing:-.25px}
 #mainContent .dashboard-kpi strong{font-size:26px;line-height:1.18;color:var(--ink)}
 #mainContent .panel-head h2,#mainContent .panel-head h3,#mainContent .panel>h2,#mainContent .panel>h3,.settings-card h3,.dashboard-kpi-label{font-size:13px;font-weight:700;line-height:1.5}
 #mainContent table td,dialog table td,#mainContent .dashboard-table td,#mainContent .dashboard-todo-table td b{font-size:13px;line-height:1.55}
 #mainContent table th,dialog table th{font-size:12px;font-weight:600;line-height:1.5;background:var(--table-head);color:var(--muted)}
 #mainContent small,dialog small,.muted,.eyebrow,.page-head p,.dashboard-kpi-detail,.dashboard-alert-content span,.toolbar-note,.footer,.local-note,.order-grid-hint,.report-scope{font-size:12px;line-height:1.5;color:var(--muted)}
 .btn,.text-link,.link-btn,.table-action-link,.dashboard-row-action,.dashboard-platform-link,input,select,textarea,.field input,.field select,.form-grid label{font-size:13px}
 #mainContent input,#mainContent select,dialog input,dialog select{min-height:36px;border:1px solid var(--control-line);border-radius:8px;background:#fff;padding:8px 11px;color:var(--text-secondary);box-shadow:0 1px 2px #29496c04;outline:none;transition:border-color .15s,box-shadow .15s}
 #mainContent input:focus,#mainContent select:focus,dialog input:focus,dialog select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-ring)}
 #mainContent input::placeholder,dialog input::placeholder{color:#8a9aaf;font-weight:400}
 #mainContent input[type="search"]{padding-left:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%237689a0' stroke-width='1.6'%3E%3Ccircle cx='7' cy='7' r='4.8'/%3E%3Cpath d='m11 11 3 3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:11px center}
 #customerLogisticsFilters,.report-filters,.order-filter-box,.procurement-filter-box{padding:15px 16px;background:linear-gradient(120deg,#f5f8fc,#fafbfdf0);border:1px solid var(--line);border-radius:10px;gap:14px 16px}
 #customerLogisticsFilters label,.report-filters label,.order-filter-grid label{font-size:12px;font-weight:600;gap:7px;color:var(--muted)}
 #customerLogisticsFilters input,#customerLogisticsFilters select,.report-filters input,.report-filters select{height:38px;min-width:0;width:100%;font-weight:400}
 #customerLogisticsFilters{grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(160px,1fr));align-items:end}
 #customerLogisticsFilters .customer-logistics-filter-actions{padding-top:3px;gap:8px}
 #customerLogisticsFilters input[type="date"]{font-family:inherit;font-weight:400;color:var(--text-secondary)}
 @media(max-width:1100px){#customerLogisticsFilters{grid-template-columns:repeat(2,minmax(0,1fr))}}
 input[type="checkbox"],input[type="radio"]{min-height:0!important;padding:0!important;width:15px;height:15px;box-shadow:none!important}
 .btn{border-radius:8px;min-height:35px;box-shadow:0 1px 3px #2c496a05;white-space:nowrap}
 .btn.primary{background:var(--theme-accent);border-color:color-mix(in srgb,var(--theme-accent) 80%,var(--blue));color:var(--theme-accent-ink);box-shadow:0 3px 8px var(--blue-shadow)}
 .btn.primary:hover{filter:brightness(.98);box-shadow:0 4px 11px var(--blue-shadow)}
 .btn.danger{color:var(--red);background:var(--red-soft);border-color:#e9b8bd}
 .table-wrap{background:rgba(255,255,255,.94);border-color:var(--line);border-radius:9px}
 table td,table th{border-bottom-color:var(--line)}
 tbody tr:nth-child(even){background:color-mix(in srgb,var(--blue-soft) 19%,white)}
 tbody tr:hover{background:color-mix(in srgb,var(--blue-soft) 65%,white)}
 .table-export-toolbar,.data-grid-toolbar{background:rgba(255,255,255,.83)}
 .tag{font-size:12px;font-weight:600;border-radius:6px;padding:3px 8px}
 .finance-profit,.report-money,#mainContent .dashboard-platform-table td:nth-child(3),#mainContent .dashboard-platform-table td:nth-child(6){font-size:14px;font-weight:650;font-variant-numeric:tabular-nums}
 .negative-profit{color:var(--red)}
 .dashboard-alert-content b,.dashboard-alert-count.is-active{font-size:13px}
 dialog.fetch-dialog{background:#fbfcfe;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 65px #15345326}
 dialog::backdrop{background:rgba(24,45,69,.26);backdrop-filter:blur(2px)}
 .page-view-tabs{background:rgba(255,255,255,.75);border-color:var(--line);border-radius:10px}
 .report-tabs{display:flex;flex-wrap:wrap;gap:5px;width:fit-content;max-width:100%}
 .report-filters{display:grid;grid-template-columns:minmax(210px,1.7fr) repeat(4,minmax(120px,1fr)) auto;gap:12px;align-items:end}
 .report-filters label{display:grid;gap:6px;color:var(--muted);font-size:12px}
 .report-filter-actions{display:flex;gap:8px}
 .report-record-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;margin:10px 0 20px}
 .report-record-fields>div{border-bottom:1px solid var(--line);padding:7px 0}
 .report-record-fields dt{font-size:12px;color:var(--muted);margin-bottom:4px}
 .report-record-fields dd{margin:0;font-size:13px;overflow-wrap:anywhere}
 .report-money,.report-number{text-align:right}
 .report-state.pending{color:var(--orange)}
 .report-caution{color:var(--orange);background:var(--orange-soft);padding:10px 12px;border-radius:8px;font-size:12px;margin-bottom:12px}
 .report-totals{display:flex;flex-wrap:wrap;gap:12px 22px;padding:16px 0 0;font-size:12px;color:var(--muted)}
 .report-totals b{font-size:14px;color:var(--ink)}
 .report-totals small{flex-basis:100%}
 .report-record-dialog{width:min(760px,92vw)}
 .sales-summary-table [data-col-key="order_no"],.purchase-summary-table [data-col-key="po_no"],.report-table [data-col-key="order_no"],.report-table [data-col-key="po_no"]{position:sticky;left:0;z-index:2;background:var(--surface)}
 .sales-summary-table th[data-col-key="order_no"],.purchase-summary-table th[data-col-key="po_no"],.report-table th[data-col-key="order_no"],.report-table th[data-col-key="po_no"]{z-index:4;background:var(--table-head)}
 .sales-summary-table [data-col-key="action"],.report-table [data-col-key="action"]{position:sticky;right:0;background:var(--surface);z-index:2;box-shadow:-2px 0 4px #25415d06}
 .business-view-toggle{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
 .business-view-toggle .scope-label{font-size:12px;color:var(--muted);margin-left:auto}
 .grid-key-column{position:sticky;left:0;z-index:2;background:var(--surface)}
 th.grid-key-column{z-index:4;background:var(--table-head)}
 .source-record-focus{outline:2px solid var(--blue);outline-offset:-2px;background:var(--blue-soft)}
 .theme-preview{background:linear-gradient(140deg,var(--preview-bg),#fff);border:1px solid var(--line);box-shadow:0 3px 12px #19334f08}
 @media(max-width:1200px){.report-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
 @media(max-width:760px){.report-filters,.report-record-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.report-filters label:first-child{grid-column:1/-1}}
 @media(prefers-reduced-motion:reduce){.dashboard-kpi,#navigation button{transition:none;transform:none}}
}

@media screen{.content::before,.sidebar::after{display:none}}

/* Order references should read as body text rather than headings. */
@media screen {
 #mainContent table [data-order-detail],
 #mainContent table [data-view-po-details],
 #mainContent table [data-open-flow-po],
 #mainContent table .po-number-link,
 #mainContent .sales-order-flat-table .link-btn {
  font-size:13px!important;
  font-weight:500!important;
  letter-spacing:0;
  line-height:1.5;
 }
}