/* NEXORA 2026 Professional Light Design System
   Loaded LAST after original modules and light-theme.
   This file controls presentation only; all APIs/data remain unchanged. */
:root{
  color-scheme:light;
  --bg:#f4f7fb;--surface:#ffffff;--line:#e0e8f1;
  --text:#1b2b42;--muted:#667c97;--blue:#2563eb;--gold:#ec8b31;
  --green:#12976b;--red:#d64d55;
  --sidebar:208px;--header:64px;
  --nx-ink:#152b43;--nx-muted:#637b96;--nx-border:#e0e8f1;
  --nx-canvas:#f4f7fb;--nx-blue:#2563eb;--nx-blue-light:#edf4ff;
  --nx-shadow:0 3px 16px rgba(27,60,100,.045),0 1px 3px rgba(27,60,100,.035);
  --nx-focus:0 0 0 3px rgba(37,99,235,.14);
  font-family:Inter,"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;
}
html,body,body.route-stores,body.route-finance-overview{background:var(--nx-canvas)!important;color:var(--nx-ink)!important;font-size:13px}
body::before{display:none!important}
::selection{background:#dbeafe;color:#123c76}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#f1f5f9}
::-webkit-scrollbar-thumb{background:#ccd8e6;border:2px solid #f1f5f9;border-radius:12px}
*:focus-visible{outline:2px solid var(--nx-blue)!important;outline-offset:2px!important}
button,input,textarea,select{font-family:inherit}
input[type=checkbox]{accent-color:#2563eb}

/* App shell */
.sidebar{padding:0 13px 18px;background:#fff!important;border-right:1px solid #e5ebf3!important;box-shadow:none!important}
.brand{height:73px;gap:8px;margin:0 8px 14px;font-weight:800;color:#eb8429!important;letter-spacing:.25px;font-size:24px}
.brand:before{height:25px;width:4px;background:#ed8d36;border-radius:5px}
.sidebar nav{gap:6px}
.nav-item{height:44px;border:1px solid transparent!important;border-radius:10px;padding:0 13px;color:#455872!important;font-size:13px;font-weight:600;gap:13px;letter-spacing:.08px}
.nav-item>.icon{width:19px;height:19px;color:#7388a0!important;stroke-width:1.8}
.nav-item:hover{background:#f5f8fc!important;color:#1f3b60!important}
.nav-item.active{background:#edf4ff!important;border-color:#d7e6ff!important;color:#1959ba!important;box-shadow:inset 3px 0 #2673ed!important}
.nav-item.active>.icon{color:#2168d4!important;width:19px;height:19px}
.nav-count{min-width:22px;height:20px;line-height:20px;background:#eaf2ff;color:#2764c7;border-radius:7px;font-weight:700}
.nav-count.warning{background:#fff0e4;color:#d76f19}
.sidebar-footer{padding:14px 9px 0;border-top:1px solid #edf1f6;color:#9baabd!important;letter-spacing:.1px}
.topbar{height:var(--header);background:rgba(255,255,255,.98)!important;box-shadow:none!important;border-bottom:1px solid #e2eaf3!important;padding:0 28px;gap:14px}
.workspace-title{font-size:19px;font-weight:780;color:#152b48!important;letter-spacing:-.4px}
.workspace-caption{font-size:12px;color:#8799ae!important;margin-left:0;letter-spacing:0}
.topbar-actions{gap:12px}
.connection-status{height:30px;line-height:28px;background:#ecfbf5!important;color:#07835e!important;border-color:#c8eadc!important;font-weight:650;border-radius:999px}
.connection-status .dot{background:#0caa76}
.last-sync{color:#6f829c!important}
.topbar-actions button:not(.connection-status){background:#fff!important;border:1px solid #dce6f1!important;color:#35506e!important;padding:7px 12px!important;border-radius:8px!important;font-size:12px}
.topbar-actions button:not(.connection-status):hover{background:#f2f7ff!important;border-color:#bcd4fa!important}
.main-content{margin-left:var(--sidebar);padding:calc(var(--header) + 18px) 24px 32px!important;background:transparent!important;min-height:100vh}
body.route-finance-overview{--sidebar:208px!important;--header:64px!important}
body.route-finance-overview #dashboard{margin-left:var(--sidebar)!important;padding:var(--header) 0 20px!important;min-width:0;background:transparent!important}
body.route-shipping .main-content{padding:calc(var(--header) + 12px) 24px 32px!important}

/* Global primitives */
:where(.panel,.metric-card,.fo-panel,.fo-metric,.sm-detail,.sm-stat,.sm-overview-card,.il-panel,.lr-table-panel,.ship-panel,.ship-metric,.nxp-content-panel){border:1px solid var(--nx-border)!important;background:#fff!important;border-radius:12px!important;box-shadow:var(--nx-shadow)!important;color:var(--nx-ink)!important}
:where(.panel-heading h2,.page-heading h1,.heading-copy h1,.fo-panel-heading h2,.sm-heading h1,.ship-head h1){color:#18324e!important;font-weight:750}
:where(.panel-note,.panel-subtitle,.metric-top,.metric-bottom,.sm-muted,.ship-panel-hint){color:#667f9b!important}
:where(.action-button,.sm-button,.il-button,.fo-more,.ship-btn,.nxp-button,.nxp-row-action){border-radius:8px!important;transition:background .15s,border-color .15s,transform .15s}
:where(input,textarea,select){accent-color:var(--nx-blue)}
:where(.nxp-page input,.nxp-page select,.nxp-page textarea,.ship-page input,.ship-page select,.fo-page input,.fo-page select,.sm-page input,.sm-page select,.sm-page textarea,.il-page input,.il-page select,.il-page textarea,.lr-page input,.lr-page select,.fo-dialog input,.fo-dialog select){background:#fff!important;color:#243953!important;border:1px solid #d5e1ef!important;border-radius:8px!important;color-scheme:light!important;box-shadow:none!important}
:where(.nxp-page input,.nxp-page select,.ship-page input,.ship-page select,.fo-page input,.fo-page select,.sm-page input,.sm-page select,.il-page input,.il-page select,.lr-page input,.lr-page select):focus{border-color:#72a4ee!important;box-shadow:var(--nx-focus)!important}
:where(.nxp-page input,.ship-page input,.fo-page input,.sm-page input,.il-page input,.lr-page input)::placeholder{color:#9cabbf!important}
:where(.nxp-page button,.ship-page button,.fo-page button,.sm-page button,.il-page button,.lr-page button):disabled{opacity:.48;cursor:not-allowed}
:where(.panel,.fo-panel,.ship-panel,.nxp-content-panel) h2{letter-spacing:-.2px}

/* Homepage: clean metrics / performance sections */
.page-heading{height:72px}
.heading-copy h1{font-size:24px!important;letter-spacing:-.5px!important}
.heading-copy p{color:#7d90a8!important}
.metrics-grid{gap:14px}
.metric-card{min-height:122px;height:auto;padding:17px 18px!important;overflow:hidden}
.metric-top{color:#5b718d!important;font-size:12px}
.metric-value{font-size:31px;color:#172e4b!important;line-height:42px;margin-top:8px}
.metric-icon{border-radius:11px;background:#edf4ff!important;color:#2563eb!important;box-shadow:none}
.metric-bottom{font-size:11px}
.operating-grid,.lower-grid{gap:14px;margin-top:14px}
.operating-grid>.panel{height:280px;padding:17px!important}
.lower-grid>.panel{height:232px;padding:17px!important}
.panel-heading h2{font-size:15px}
.deadline-table th{background:#f1f5fb!important;color:#576f8e!important;border-radius:0!important;font-size:11px}
.deadline-table td{border-bottom-color:#e8eef6!important}
.alert-row{background:#f9fbff!important;border:1px solid #e5edf7!important;border-radius:10px;color:#274363}
.alert-row:hover{background:#f1f6fe!important}
.alert-icon{background:#eaf2ff!important;color:#386fc2!important;box-shadow:none}
.warning-note{position:static;height:auto;margin-top:10px;background:#fffaf1;color:#a56a21;border-color:#f5e2b9;border-radius:8px;padding:9px 12px;white-space:normal}
.chart-legend button:hover{background:#edf4ff}

/* Procurement section: six cards / cleaner reading width */
.nxp-page{color:var(--nx-ink)!important}
.nxp-cards-v1{padding-top:0}
.nxp-cards-v1 .nxp-nav-cards{gap:13px;margin-bottom:18px}
.nxp-cards-v1 .nxp-nav-card{min-height:132px;padding:17px 16px!important;background:#fff!important;border:1px solid #e0e9f3!important;border-radius:12px!important;box-shadow:var(--nx-shadow)!important;gap:10px}
.nxp-cards-v1 .nxp-nav-card:after{display:none}
.nxp-cards-v1 .nxp-nav-card:hover{transform:translateY(-2px);border-color:#bdd6f8!important;box-shadow:0 9px 22px rgba(22,63,112,.11)!important}
.nxp-cards-v1 .nxp-nav-card.active{border-color:#88b9fa!important;background:#f1f7ff!important;box-shadow:0 0 0 2px rgba(37,99,235,.08)!important}
.nxp-cards-v1 .nxp-card-icon,.nxp-cards-v1 .nxp-nav-card.active .nxp-card-icon{background:#ebf3ff!important;color:#2368d7!important;width:39px;height:39px;border-radius:10px;box-shadow:none}
.nxp-cards-v1 .nxp-card-label{color:#243953!important;font-size:15px;letter-spacing:-.2px}
.nxp-cards-v1 .nxp-nav-card.active .nxp-card-label{color:#1457b7!important}
.nxp-cards-v1 .nxp-card-desc{color:#8392a8!important;font-size:11px}
.nxp-cards-v1 .nxp-nav-card.active .nxp-card-desc{color:#6384ac!important}
.nxp-cards-v1 .nxp-card-count,.nxp-cards-v1 .nxp-nav-card:not(.active) .nxp-card-count{color:#2563eb!important;font-weight:790!important;font-size:28px!important;border-left-color:#e4ebf5!important}
.nxp-cards-v1 .nxp-nav-card.active .nxp-card-count{color:#165bb8!important}
.nxp-cards-v1 .nxp-content-panel{background:#fff!important;border-color:#e1e8f2!important;padding:0 0 2px;overflow:hidden}
.nxp-v31 .nxp-panel-heading{padding:18px 20px 12px}
.nxp-v31 .nxp-panel-heading h2{font-size:19px!important;color:#1b304a!important}
.nxp-v31 .nxp-body{padding:0 15px 18px}
.nxp-v31 .nxp-demand-tabs{min-height:49px;gap:15px}
.nxp-v31 .nxp-demand-tabs button{font-size:12px;padding:10px 9px!important;border-bottom-width:2px;color:#6b819a!important}
.nxp-v31 .nxp-demand-tabs button.active{color:#2466cf!important;border-bottom-color:#2b74e8!important;background:none!important}
.nxp-v31 .nxp-table-wrap{background:#fff!important;border:1px solid #e0e8f1!important;border-radius:10px!important;overflow-x:auto}
.nxp-v31 .nxp-table{color:#263f5a!important}
.nxp-v31 .nxp-table th,.nxp-cards-v1 .nxp-table th{height:45px!important;background:#f5f8fc!important;color:#516882!important;font-size:11px!important;font-weight:700!important;border-bottom:1px solid #e0e9f3!important;padding:10px!important}
.nxp-v31 .nxp-table td,.nxp-cards-v1 .nxp-table td{background:#fff!important;color:#2e435c!important;border-bottom:1px solid #ecf1f6!important;padding:12px 10px!important;height:76px}
.nxp-v31 .nxp-table tr:nth-child(even) td{background:#fcfdff!important}
.nxp-v31 .nxp-table tr:hover td{background:#f3f8ff!important}
.nxp-v31 .nxp-table td small{color:#8093aa!important}
.nxp-v31 .nxp-table .nxp-mono{font-size:11px}
.nxp-v31 .nxp-spec-emphasis,.nxp-v31 .nxp-spec-pill{background:#fff6e9!important;border:1px solid #f8dbad!important;color:#a96314!important;border-radius:7px!important;padding:5px 9px!important;font-weight:700}
.nxp-v31 .nxp-spec-emphasis b{color:#9a5914!important}
.nxp-v31 .nxp-qty-emphasis,.nxp-v31 .nxp-qty-strong{color:#d46c17!important;font-size:21px!important;font-weight:800!important;text-shadow:none!important}
.nxp-v31 .nxp-unit-price{color:#6e819c!important}
.nxp-v31 .nxp-inline-input{background:#fff!important;border:1px solid #d6e3f2!important;height:34px;min-width:90px;font-size:12px!important}
.nxp-v31 .nxp-module-filters{padding:12px 14px!important;background:#f8fafc!important;border-color:#e2eaf4!important;border-radius:10px!important}
.nxp-v31 .nxp-module-filters label{color:#405b7c!important}
.nxp-v31 .nxp-module-stats{gap:12px}
.nxp-v31 .nxp-submetric{background:#f8fafd!important;border:1px solid #e0e8f2!important;border-radius:10px!important}
.nxp-v31 .nxp-submetric>span{color:#64809a!important}
.nxp-v31 .nxp-module-scroll{border-color:#e3eaf3!important;background:#fff!important;border-radius:10px!important}
.nxp-v31 .nxp-module-table{background:#fff!important}
.nxp-v31 .nxp-module-table th{background:#f5f8fc!important;color:#425d7d!important;border-bottom:1px solid #e2e9f3!important}
.nxp-v31 .nxp-module-table td{color:#293f5c!important;background:#fff!important;border-bottom-color:#eef2f7!important}
.nxp-v31 .nxp-module-table tbody tr:nth-child(even) td{background:#fbfdff!important}
.nxp-v31 .nxp-module-table tbody tr:hover td{background:#f1f7ff!important}
.nxp-v31 .nxp-module-table th:last-child,.nxp-v31 .nxp-module-table td:last-child{background:#fff!important;box-shadow:-4px 0 12px rgba(37,60,93,.055)}
.nxp-v31 .nxp-module-table .nxp-stock-count{background:#eff5ff!important;color:#205fc8!important;border:0!important;border-radius:8px}
.nxp-v31 .nxp-progress{background:#ecf2fa!important}
.nxp-v31 .nxp-progress>i{background:#377df0!important}
.nxp-v31 .nxp-button.nxp-primary,.nxp-v31 .nxp-row-action{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;border-radius:8px!important;padding:8px 12px!important;box-shadow:none!important;font-weight:700}
.nxp-v31 .nxp-text-action{color:#1768d8!important;font-weight:650}
.nxp-v31 .nxp-modal{border:1px solid #dfe9f4!important;background:#fff!important;box-shadow:0 20px 70px rgba(25,47,77,.16)!important;border-radius:14px!important}
.nxp-v31 .nxp-status.nxp-waiting{color:#b46d16!important;background:#fff4e5!important;border-color:#f8dba7!important}
.nxp-v31 .nxp-status.nxp-receiving{color:#2367b9!important;background:#edf5ff!important;border-color:#bad8fa!important}
.nxp-v31 .nxp-status.nxp-done{color:#148361!important;background:#e8f8f2!important;border-color:#b6e3d0!important}

/* Shipping / Ozon pending shipments */
.ship-page{padding-top:0;color:#203752!important;gap:14px;--s-border:#e0e9f2;--s-muted:#70859d;--s-bg:#fff}
.ship-head{min-height:58px}
.ship-head h1{font-size:24px!important;color:#19324f!important;letter-spacing:-.4px!important}
.ship-head h1>span{font-size:12px;color:#8196aa!important;vertical-align:2px}
.ship-head p{color:#8496aa!important;font-size:11px}
.ship-live{background:#ebfaf3!important;color:#159065!important;border-color:#b8e5d0!important}
.ship-metrics{gap:13px}
.ship-metric{min-height:110px;padding:18px!important;border:1px solid #e0e9f3!important;background:#fff!important;border-radius:12px!important;box-shadow:var(--nx-shadow)!important}
.ship-metric:hover{border-color:#b6d1f8!important;background:#f8fbff!important}
.ship-metric-ico{width:43px;height:43px;background:#eef4ff!important;color:#2469d9!important;border-radius:11px;box-shadow:none}
.ship-metric-copy>span{color:#687e99!important;font-weight:600}
.ship-metric strong{color:#183353!important;font-size:29px}
.ship-only-note{background:#fff9ef!important;color:#91601b!important;border:1px solid #f5e0b6!important;border-radius:10px;padding:12px 15px}
.ship-filters{padding:15px!important;background:#fff!important;border:1px solid #e0e8f1!important;border-radius:12px!important;box-shadow:var(--nx-shadow)!important}
.ship-filters label{font-size:11px;color:#68809d!important;font-weight:600}
.ship-filters input,.ship-filters select{height:39px!important;font-size:12px!important}
.ship-btn{background:#fff!important;color:#245b9b!important;border:1px solid #cdddf0!important;font-size:12px!important;min-height:39px;border-radius:8px!important}
.ship-btn:hover{background:#eef5ff!important;border-color:#a8c6f4!important}
.ship-btn.ship-search-btn,.ship-btn.ship-gold{background:#2469e5!important;color:#fff!important;border-color:#2469e5!important;font-weight:700}
.ship-btn.ship-reset{background:#fff!important}
.ship-panel{overflow:hidden;background:#fff!important;border:1px solid #e2e9f3!important;border-radius:12px!important}
.ship-panel-toolbar{padding:16px 19px;background:#fff!important;border-bottom:1px solid #e6edf5}
.ship-panel-toolbar strong{font-size:17px;color:#1b3554!important}
.ship-panel-hint{color:#7186a1!important}
.ship-overflow{scrollbar-color:#c6d4e5 #f3f6fa}
.ship-table{min-width:1250px;color:#233a57}
.ship-table th{background:#f5f8fc!important;color:#596f8a!important;font-size:11px;height:46px;border-bottom:1px solid #e0e8f2}
.ship-table td{background:#fff!important;color:#273d57!important;border-bottom:1px solid #ebf0f7!important;height:74px;font-size:12px}
.ship-table tr:nth-child(even) td{background:#fbfcff!important}.ship-table tr:hover td{background:#f2f7ff!important}
.ship-table td small{color:#7189a3!important}
.ship-order-no{color:#205eb1!important;font-size:12px!important}
.ship-product-copy>b{color:#2a405c!important;font-size:12px!important}
.ship-sku{color:#365471!important}
.ship-qty{color:#d57018!important;font-size:17px!important}
.ship-stock{color:#ad741d!important;background:#fff5e4!important;border-color:#f5d7a2!important}
.ship-stock.ok{color:#118860!important;background:#eafaf2!important;border-color:#bce6d0!important}
.ship-status.purchasing,.ship-status.packing{background:#fff3e4!important;color:#a86913!important;border-color:#f2d3a4!important}
.ship-deadline{color:#354f6a!important}
.ship-action{background:#fff!important;border-color:#c8dbf1!important;color:#2565ba!important;border-radius:7px!important;font-size:11px!important}
.ship-action.primary{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
.ship-pages{color:#6f839a!important}
.ship-job-section,.ship-workflow{background:#fff!important;border:1px solid #e0e8f1!important;color:#2b425d!important;border-radius:12px!important}
.ship-workflow-step{color:#5d7796!important}.ship-workflow-step .icon{color:#4283df!important}
.ship-popup{background:rgba(19,36,60,.36)!important;backdrop-filter:blur(3px)}
.ship-dialog{background:#fff!important;color:#213854!important;border:1px solid #e0e9f3!important;border-radius:14px!important;box-shadow:0 24px 70px rgba(27,52,82,.2)!important}
.ship-dialog h2{color:#1b3453!important}.ship-dialog p{color:#607998!important}
.ship-items{background:#f8faff!important;border-color:#dfebf6!important;color:#2c4260!important}

/* Listing / publishing and history */
.il-page,.lr-page,.il-modal{--il-blue:#2563eb;--il-line:#e0e8f2;--il-muted:#71869f;--il-text:#223b59;--il-surface:#fff;--il-field:#fff;--il-head:#f5f8fc;color:#243b57!important;font-size:12.5px}
.il-tabbar{background:#fff!important;border:1px solid #e2eaf4!important;box-shadow:var(--nx-shadow)!important;border-radius:10px!important;height:43px}
.il-tabbar>span{height:43px;font-weight:700;color:#2a405e!important;border-bottom-color:#2563eb!important}
.il-tab-actions small{color:#7b8ba3!important}
.il-button{min-height:34px;height:auto;padding:8px 13px;border:1px solid #d1e0f0!important;background:#fff!important;color:#2464be!important;border-radius:8px!important;font-size:12px!important}
.il-button.il-primary{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
.il-button:hover:not(:disabled){background:#eef5ff!important;border-color:#b7d5ff!important}
.il-button.il-primary:hover:not(:disabled){background:#1c57d4!important}
.il-panel,.lr-table-panel{background:#fff!important;border:1px solid #e1e9f3!important;box-shadow:var(--nx-shadow)!important;border-radius:11px!important}
.il-panel-heading{height:44px;border-bottom:1px solid #e8eef5!important}
.il-panel-heading h2{color:#193452!important;font-size:13px;font-weight:700;border-left:3px solid #2563eb!important;padding-left:9px}
.il-panel-heading>p{color:#97691d!important}
.il-store-cell{background:#fafcff!important;color:#304a65!important;border:1px solid #e1eaf3!important;border-radius:8px!important}
.il-store-cell.is-selected{background:#eff6ff!important;border-color:#99c1f5!important}
.il-store-name{color:#2a435f!important}
.il-store-details{border-color:#e2eaf3!important}.il-store-details>p{color:#7288a0!important}
.il-warehouse-line select{color:#29405a!important}
.il-stepper{border-color:#ceddea!important}.il-stepper .il-button{background:#f5f9ff!important;color:#416189!important}
.lr-filter-panel{background:#fff!important;border:1px solid #e1e9f3!important;box-shadow:var(--nx-shadow)!important;border-radius:11px!important;padding:16px!important}
.lr-table{color:#253e59!important}
.lr-table th{height:45px;background:#f5f8fc!important;border-bottom:1px solid #e0e8f2!important;color:#536f8c!important}
.lr-table td{border-color:#e8eef6!important;color:#324963!important;background:#fff}
.lr-table tbody tr:nth-child(odd),.lr-table tbody tr:nth-child(even){background:#fff!important}
.lr-table tbody tr:nth-child(even){background:#fafcff!important}.lr-table tbody tr:hover{background:#f1f6ff!important}
.il-modal{background:#fff!important;color:#233c5a!important;border-color:#e1e9f3!important;box-shadow:0 25px 80px rgba(15,36,60,.19)!important}
.il-dialog-help,.il-form-grid>label{color:#5b728e!important}
.lr-toolbar{color:#324e6c}

/* Finance overview and account-level profit */
.fo-page{color:#233b58!important;padding:18px 22px 24px!important}
.fo-controls{height:auto;min-height:44px;gap:9px;margin-bottom:17px}
.fo-controls select,.fo-controls>button,.fo-presets button{height:39px;background:#fff!important;color:#34506c!important;border:1px solid #d9e5f0!important;border-radius:8px!important}
.fo-controls select{color:#2b4664!important}
.fo-controls .is-active,.fo-segmented button.is-active,.fo-flow-tabs button.is-active{background:#edf4ff!important;color:#1f60bf!important;border-color:#9ac4f7!important;box-shadow:none!important}
.fo-data-notice{background:#fffaf0!important;border-color:#f4ddb2!important;color:#99631e!important;border-radius:9px}
.fo-metrics{gap:12px}
.fo-metric{height:153px;background:#fff!important;border:1px solid #e0e8f2!important;border-radius:12px!important;padding:16px!important;box-shadow:var(--nx-shadow)!important}
.fo-metric:hover{background:#f8fbff!important;border-color:#bdd5fa!important}
.fo-metric-heading strong{color:#28425e!important;font-size:13px}
.fo-metric-heading small{color:#7a8ca5!important}
.fo-metric-icon{background:#ecf3ff!important;color:#2563eb!important;border:0!important;border-radius:10px!important;box-shadow:none!important}
.fo-metric-value{color:#1c3250!important;font-size:25px;line-height:33px}
.fo-metric-secondary{color:#335777!important}
.fo-panel{background:#fff!important;border:1px solid #e1e9f3!important;border-radius:12px!important;box-shadow:var(--nx-shadow)!important;padding:17px!important;color:#213d5a!important}
.fo-panel-heading h2{color:#1d3552!important;font-size:16px!important}
.fo-table{color:#31445e!important}
.fo-table th{height:42px;background:#f5f8fc!important;color:#60748d!important;border-bottom:1px solid #e1e8f2!important;font-weight:650!important}
.fo-table td{height:40px;border-bottom:1px solid #eef1f6!important;color:#2d4562!important}
.fo-table tbody tr:hover{background:#f4f8ff!important}
.fo-table tfoot td{background:#f0f5fc!important;color:#1b3862!important;border-color:#dfe9f5!important}
.fo-table-scroll,.fo-order-scroll{scrollbar-color:#c9d7e6 #f2f6fa}
.fo-table-link{color:#2363bb!important}.fo-table-link:hover{color:#124a9a!important}
.fo-dialog{background:#fff!important;color:#253b56!important;border:1px solid #e0e8f1!important;box-shadow:0 22px 76px rgba(14,35,60,.18)!important;border-radius:14px!important}
.fo-dialog-inner>header{background:#f9fbfe!important;border-bottom:1px solid #e2eaf4!important}
.fo-dialog-inner h2,.fo-dialog-content h3{color:#233b5a!important}
.fo-dialog-inner>header>button{color:#637d9b!important}
.fo-dialog-explain,.fo-dialog-caption{color:#637b95!important}
.fo-dialog-stats>div,.fo-dialog-total,.fo-order-totals>div{background:#f8fbff!important;border:1px solid #e4ecf5!important;color:#334b66!important;border-radius:10px!important}
.fo-dialog-total strong{color:#1d63d2!important}
.fo-dialog-actions button{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
.fo-order-status.fo-order-estimated{background:#fff3e6!important;color:#a96813!important}
.fo-order-status.fo-order-booked{background:#eaf9f2!important;color:#127b56!important}
.fo-order-note{color:#72869e!important}

/* Store management */
.sm-page{--sm-line:#e0e9f2;--sm-muted:#72869e;--sm-gold:#d78c32;--sm-green:#139369;--sm-blue:#2563eb;color:#263e5c!important}
.sm-heading{height:80px}.sm-heading h1{font-size:24px;color:#182f4d!important}.sm-heading p{color:#8292a8!important}
.sm-button{background:#fff!important;border:1px solid #dce6f1!important;color:#315175!important;height:38px;border-radius:9px!important;padding:0 15px!important}
.sm-add-button,.sm-button.sm-primary{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}
.sm-stat{background:#fff!important;border:1px solid #e2eaf4!important;border-radius:11px!important;box-shadow:var(--nx-shadow)!important}
.sm-stat-icon{background:#edf4ff!important;color:#2563eb!important;border-radius:10px;box-shadow:none}
.sm-stat strong{color:#1d3554!important}.sm-stat>div>span,.sm-stat small{color:#6a819b!important}
.sm-filters{background:#fff!important;border:1px solid #e2eaf2!important;box-shadow:var(--nx-shadow)!important;border-radius:10px!important;height:auto;min-height:63px}
.sm-search{border:1px solid #dce5f0!important;background:#f9fbfe!important;border-radius:8px!important;color:#627c97!important}
.sm-overview-card,.sm-detail,.sm-list-card,.sm-card,.sm-list-panel{background:#fff!important;border-color:#e0e9f2!important;color:#294461!important;border-radius:11px!important;box-shadow:var(--nx-shadow)!important}
.sm-section-heading,.sm-store-name{color:#243c59!important}
.sm-detail-column :where(input,select,textarea){background:#fff!important;color:#243d59!important;border-color:#d2dfed!important}
.sm-page button:not(.sm-button):hover{filter:none;background:#eef5ff!important}
.sm-dialog,.sm-dialog-content{background:#fff!important;color:#263e58!important;border-color:#e0e8f2!important}
.sm-dialog h2{color:#1e3551!important}

/* Shared old routes and overlay surfaces */
.nxdata-page,.nxdata-panel,.nxdata-table,.nxdata-card{color:#294363!important}
.nxdata-panel,.nxdata-card{background:#fff!important;border-color:#e2e9f2!important;border-radius:11px!important}
.nxdata-table th{background:#f4f7fc!important;color:#59738f!important}
.nxdata-table td{border-color:#ebf0f6!important;color:#324d68!important}
.detail-drawer{background:#fff!important;color:#263e5a!important;border-left:1px solid #dce6f1!important;box-shadow:-15px 0 45px rgba(14,35,56,.12)!important}
.drawer-header{background:#f8faff!important;color:#1d3352!important;border-bottom:1px solid #e3ebf5!important}
.drawer-body{color:#385572!important}
.toast{border-radius:9px!important;background:#1e3558!important;color:#fff!important;box-shadow:0 8px 26px rgba(15,38,69,.22)!important}

/* Responsive layouts should not squeeze action columns off-screen */
@media(max-width:1500px){
  .main-content{padding-left:18px!important;padding-right:18px!important}
  .nxp-cards-v1 .nxp-nav-cards{gap:9px}
  .nxp-cards-v1 .nxp-nav-card{padding:14px 12px!important}
  .nxp-cards-v1 .nxp-card-label{font-size:14px!important}
  .nxp-cards-v1 .nxp-card-count{font-size:24px!important}
  .ship-metrics{gap:9px}
  .fo-metrics{gap:9px}
}
@media(max-width:1180px){
  .nxp-cards-v1 .nxp-nav-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ship-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fo-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sm-stat-clip{overflow-x:auto}
  .operating-grid,.lower-grid{grid-template-columns:1fr 1fr}
  .operating-grid>.panel:last-child,.lower-grid>.panel:last-child{grid-column:1/-1}
}
@media(max-width:800px){
  :root{--sidebar:208px;--header:60px}
  .main-content{padding:calc(var(--header) + 12px) 12px 24px!important}
  .topbar{padding:0 13px}
  .workspace-caption,.last-sync{display:none}
  .workspace-title{font-size:17px}
  .nxp-cards-v1 .nxp-nav-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .nxp-cards-v1 .nxp-nav-card{min-height:110px}
  .nxp-cards-v1 .nxp-content-panel{border-radius:10px!important}
  .ship-metrics,.fo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ship-head{align-items:flex-start;flex-wrap:wrap}
  .ship-head h1>span{display:block;margin:7px 0 0}
  .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .operating-grid,.lower-grid{display:grid;grid-template-columns:1fr}
  .operating-grid>.panel:last-child,.lower-grid>.panel:last-child{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Readability pass at 1680–1920px desktop widths */
.nxp-v31 .nxp-module-table td{font-size:12px!important}
.nxp-v31 .nxp-module-table th{font-size:11px!important;font-weight:700}
.nxp-v31 .nxp-module-table .nxp-reference-col>b{font-size:12px}
.nxp-v31 .nxp-module-sectionbar strong{font-size:15px}
.ship-table td,.fo-table td,.lr-table td{font-size:12px!important}
.ship-table th,.fo-table th,.lr-table th{font-size:11.5px!important}
.ship-order-no{font-size:12px!important}
.nxp-v31 .nxp-stock-count{font-weight:800!important}

/* ===== 2026-11-11 Unified White pass =====
   Goal: make homepage, store management, procurement and other routes visually consistent.
   This block intentionally overrides older dark leftovers from styles.css. */

/* common page controls */
.page-filters select,
.page-filters input,
.filter-control,
#sync-button,
.avatar,
button.avatar,
.mobile-menu{
  box-shadow:none!important;
}
.page-filters select,
.page-filters input,
.filter-control{
  background:#fff!important;
  color:#304a67!important;
  border:1px solid #d8e4f0!important;
  border-radius:10px!important;
}
#sync-button{
  background:#2563eb!important;
  color:#fff!important;
  border:1px solid #2563eb!important;
}
#sync-button:hover{background:#1f57d5!important}
.avatar,button.avatar{
  background:#edf4ff!important;
  color:#2563eb!important;
  border:1px solid #d7e5fb!important;
  font-size:16px!important;
}
.mobile-menu{color:#5d7693!important}
.mobile-menu:hover{background:#eef5ff!important}

/* homepage panels */
.panel,
.metric-card,
.finance-panel,
.orders-panel,
.fulfillment-panel,
.exceptions-panel{
  background:#fff!important;
  border:1px solid #e1e9f3!important;
  box-shadow:0 4px 18px rgba(23,42,69,.05)!important;
}
.panel-subtitle,
.heading-copy p,
.panel-note{
  color:#7086a1!important;
}
.more-button,
.orders-filter-summary,
.trend-summary{
  color:#3570c9!important;
}
.more-button:hover,
.orders-filter-summary:hover{
  color:#164eaa!important;
}
.deadline-table,
.orders-table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
.deadline-table th,
.orders-table th{
  background:#f5f8fc!important;
  color:#566f8c!important;
  border-bottom:1px solid #e0e8f2!important;
  font-weight:700!important;
}
.deadline-table td,
.orders-table td{
  background:#fff!important;
  color:#2d445f!important;
  border-bottom:1px solid #ecf1f6!important;
}
.orders-table tbody tr:nth-child(even) td,
.deadline-table tbody tr:nth-child(even) td{
  background:#fbfcff!important;
}
.orders-table tbody tr:hover td,
.deadline-table tbody tr:hover td{
  background:#f3f7fe!important;
}
.table-scroll{
  margin-top:10px!important;
  border:1px solid #e2eaf4!important;
  border-radius:10px!important;
  background:#fff!important;
  overflow:auto!important;
}
.product-cell{color:#2a425d!important}
.product-cell img{border-radius:6px!important;background:#f5f8fc!important;border:1px solid #e1e8f2!important}
.empty-state{
  padding:34px 12px!important;
  color:#7b8fa8!important;
  background:#fbfdff!important;
}
.status-tag{
  background:#eff6ff!important;
  color:#2662b7!important;
  border:1px solid #cfe1fa!important;
}
.status-tag.warning{
  background:#fff5e7!important;
  color:#ab6d18!important;
  border-color:#f3d49f!important;
}
.status-tag.success{
  background:#eafaf2!important;
  color:#138862!important;
  border-color:#bfe5d2!important;
}
.status-tag.info{
  background:#eef5ff!important;
  color:#2a63b2!important;
  border-color:#cee0fb!important;
}
.action-button,
.secondary-button,
.primary-button{
  background:#fff!important;
  color:#2563eb!important;
  border:1px solid #cfe0f5!important;
  border-radius:8px!important;
}
.action-button:hover,
.secondary-button:hover{background:#eef5ff!important;border-color:#b4cff5!important}
.primary-button{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}
.primary-button:hover{background:#1f57d5!important}
.warning-note{
  background:#fffaf1!important;
  color:#9a6722!important;
  border-color:#f2dfb6!important;
}

/* fulfillment & charts */
.fulfillment-content{
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
  margin-top:10px!important;
}
.donut-wrap{display:grid!important;place-items:center!important}
.donut-center{
  background:#fff!important;
  border:1px solid #e1eaf4!important;
  color:#213955!important;
  box-shadow:0 4px 12px rgba(24,54,90,.08)!important;
}
.chart-legend{gap:10px!important}
.chart-legend button{
  background:#fbfdff!important;
  border:1px solid #e1e9f4!important;
  border-radius:10px!important;
  color:#38506c!important;
}
.chart-legend button:hover{background:#f3f7ff!important;border-color:#bfd5f6!important}
.legend-label{color:#5f7590!important}

/* finance cards on homepage */
.finance-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:12px!important;
}
.finance-card{
  min-height:108px!important;
  padding:16px!important;
  border-radius:12px!important;
  border:1px solid #e1e9f4!important;
  background:#fff!important;
  color:#263d59!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  text-align:left!important;
}
.finance-card:hover{
  background:#f8fbff!important;
  border-color:#bfd4f6!important;
}
.finance-icon{
  width:42px!important;
  height:42px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  background:#eef4ff!important;
  color:#2563eb!important;
}
.finance-copy{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0}
.finance-label{font-size:12px!important;color:#617a96!important}
.finance-card .amount{font-size:24px!important;line-height:1.2!important;color:#173251!important}
.finance-foot{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;font-size:11px!important;color:#7b8ea6!important}
.finance-foot .negative{color:#d66a2f!important}
.finance-foot .positive{color:#1b9469!important}

/* store management */
.sm-page,
.sm-layout,
.sm-list-column,
.sm-detail-column{color:#263e5a!important}
.sm-filters,
.sm-stat,
.sm-overview-card,
.sm-detail,
.sm-list-panel,
.sm-card,
.sm-list-card{
  background:#fff!important;
  border:1px solid #e1e9f3!important;
  box-shadow:0 4px 18px rgba(23,42,69,.05)!important;
}
.sm-search{background:#fff!important}
.sm-view-switch button,
.sm-row-menu{
  background:#fff!important;
  border:1px solid #d8e4f1!important;
  color:#42607f!important;
  border-radius:8px!important;
}
.sm-view-switch button.active{background:#edf4ff!important;color:#1c61c2!important;border-color:#a6c9f7!important}
.sm-table-scroll{
  background:#fff!important;
  border:1px solid #e1e9f3!important;
  border-radius:12px!important;
  box-shadow:0 4px 18px rgba(23,42,69,.04)!important;
  overflow:auto!important;
}
.sm-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important}
.sm-table thead th{
  background:#f5f8fc!important;
  color:#5e7590!important;
  border-bottom:1px solid #e0e8f2!important;
  font-weight:700!important;
}
.sm-table tbody td{
  background:#fff!important;
  color:#2d445f!important;
  border-bottom:1px solid #ebf0f6!important;
}
.sm-table tbody tr:nth-child(even) td{background:#fbfcff!important}
.sm-table tbody tr:hover td{background:#f2f7ff!important}
.sm-empty{
  min-height:240px!important;
  background:#fff!important;
  border:1px dashed #d7e4f1!important;
  border-radius:12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  color:#7086a0!important;
  padding:36px 18px!important;
}
.sm-empty strong{font-size:20px!important;color:#27405d!important}
.sm-empty p{max-width:360px;text-align:center}
.sm-empty .sm-button{margin-top:6px!important}
.sm-store-card,
.sm-row-popover,
.sm-dialog,
.sm-dialog-content{background:#fff!important;border-color:#e0e8f2!important;box-shadow:0 20px 60px rgba(20,37,59,.14)!important}
.sm-auth{background:#eaf8f1!important;color:#117f5a!important;border:1px solid #c2e6d2!important;border-radius:999px!important;padding:4px 8px!important;display:inline-flex!important;gap:6px;align-items:center}
.sm-auth-error{background:#fff1f1!important;color:#c45454!important;border-color:#f0c6c6!important}
.sm-type,.sm-group,.sm-todo{background:#f5f8fc!important;border:1px solid #e1e8f2!important;color:#425c78!important;border-radius:999px!important;padding:3px 8px!important;display:inline-block!important}
.sm-todo{background:#fff7ea!important;border-color:#f3d7a8!important;color:#b07016!important}
.sm-number{font-weight:700!important;color:#183456!important}

/* finance overview page should also match */
.fo-page,
.fo-panel,
.fo-metric,
.fo-dialog,
.fo-dialog-total,
.fo-dialog-stats>div{
  background:#fff!important;
  border:1px solid #e1e9f3!important;
  color:#24405c!important;
}
.fo-flow-tabs button,
.fo-controls select,
.fo-controls>button,
.fo-presets button{
  background:#fff!important;
  border:1px solid #d8e4f0!important;
  color:#3c5673!important;
}
.fo-flow-tabs button.is-active,
.fo-controls .is-active,
.fo-presets button.is-active{
  background:#edf4ff!important;
  color:#1c61c1!important;
  border-color:#a8c9f7!important;
}

/* responsive */
@media (max-width: 1280px){
  .finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .fulfillment-content{grid-template-columns:1fr!important}
}
@media (max-width: 880px){
  .finance-grid{grid-template-columns:1fr!important}
}