/* NEXORA UI V2 — Professional unified light workspace
   Loaded after ui-pro.css; presentation only, original business/API logic unchanged.
   A consistent 8px spacing scale, readable tables, light surfaces and accessible accents. */
:root {
  color-scheme: light;
  --nx-v2-page: #f5f7fb;
  --nx-v2-card: #fff;
  --nx-v2-ink: #182b45;
  --nx-v2-subtext: #627892;
  --nx-v2-line: #e3e9f1;
  --nx-v2-primary: #2563eb;
  --nx-v2-tint: #eff5ff;
  --nx-v2-hover: #f8faff;
  --nx-v2-shadow: 0 1px 3px rgba(13,38,68,.045), 0 7px 24px rgba(13,38,68,.035);
  --nx-v2-radius: 13px;
}
html,body,body.route-stores,body.route-finance-overview {
  background:var(--nx-v2-page)!important;
  color:var(--nx-v2-ink)!important;
}
body::before {display:none!important}
/* Top navigation: quiet, white, clear active state */
.sidebar {
  background:#fff!important;
  border-right:1px solid var(--nx-v2-line)!important;
  padding:0 12px 18px!important;
  box-shadow:none!important;
}
.brand {
  height:72px!important;
  margin:0 10px 12px!important;
  font-size:24px!important;
  color:#e77b26!important;
  letter-spacing:.15px!important;
}
.brand:before {background:#e77b26!important;height:25px!important;width:4px!important;border-radius:4px!important}
.sidebar nav {gap:4px!important}
.nav-item {
  height:45px!important;
  border-radius:9px!important;
  font-weight:600!important;
  font-size:13px!important;
  color:#526781!important;
  padding:0 13px!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
}
.nav-item>.icon {color:#7b8da3!important;width:18px!important;height:18px!important}
.nav-item:hover {background:#f4f7fc!important;color:#24436c!important}
.nav-item.active {
  background:#edf4ff!important;
  color:#195ec3!important;
  border-color:#dbe8fb!important;
  box-shadow:inset 3px 0 #2563eb!important;
}
.nav-item.active>.icon {color:#2563eb!important}
.nav-count {background:#e7effe!important;color:#2764c7!important;border-radius:6px!important}
.sidebar-footer{font-size:11px!important;color:#a1afc0!important;border-color:#ecf0f6!important}
.topbar {
  background:#fff!important;
  border-bottom:1px solid var(--nx-v2-line)!important;
  box-shadow:none!important;
}
.workspace-title{font-size:18px!important;font-weight:750!important;letter-spacing:-.35px!important;color:#182d49!important}
.workspace-caption{font-size:11px!important;color:#8497af!important;letter-spacing:0!important}
.connection-status {box-shadow:none!important;font-size:11px!important}
.last-sync {font-size:11px!important;color:#8495ac!important}
.main-content {background:transparent!important}
/* Unified heading rhythm and main cards */
.page-heading {height:auto!important;min-height:78px!important;padding:4px 0 18px!important;align-items:center!important}
.heading-copy h1 {font-size:25px!important;line-height:34px!important;font-weight:800!important;letter-spacing:-.6px!important}
.heading-copy p {font-size:11px!important;color:#8193aa!important;line-height:20px!important;letter-spacing:0!important;white-space:normal!important}
.page-filters {gap:9px!important}
.page-filters :is(select,input),.filter-control {background:#fff!important;color:#314c69!important;border:1px solid #dce5f0!important;border-radius:9px!important;box-shadow:none!important}
:where(.panel,.metric-card,.sm-stat,.sm-detail,.sm-overview-card,.sm-list-panel,.fo-panel,.fo-metric,.nxp-content-panel,.ship-panel,.ship-metric,.il-panel,.lr-table-panel) {
  background:#fff!important;
  border:1px solid var(--nx-v2-line)!important;
  border-radius:var(--nx-v2-radius)!important;
  box-shadow:var(--nx-v2-shadow)!important;
}
/* Home: consistent five-column KPIs */
.metrics-grid {grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:13px!important}
.metric-card {min-height:126px!important;height:auto!important;padding:18px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;box-shadow:var(--nx-v2-shadow)!important}
.metric-card:hover {background:#fafdff!important;border-color:#bed5f4!important;box-shadow:0 7px 18px rgba(37,99,235,.10)!important}
.metric-top {gap:10px!important;font-size:12px!important;color:#637c98!important;line-height:1.4!important}
.metric-icon {width:36px!important;height:36px!important;border-radius:10px!important;background:#eef4ff!important;color:#2c70e0!important}
.metric-icon .icon {width:20px!important;height:20px!important}
.metric-value {font-size:29px!important;line-height:38px!important;font-weight:800!important;margin-top:10px!important;color:#162e4a!important;letter-spacing:-.5px!important;overflow:hidden;text-overflow:ellipsis}
.metric-value small {font-size:14px!important;color:#7589a0!important;font-weight:650!important}
.metric-bottom {font-size:10px!important;color:#91a0b4!important;line-height:17px!important;white-space:normal!important;align-items:flex-end!important;margin-top:7px!important}
.api-label {color:#218f70!important;font-size:10px!important}
.api-label i {width:6px!important;height:6px!important}
/* Three home panels in top row; chart + store status in second; finance full-width last */
.operating-grid {
  display:grid!important;
  grid-template-columns:minmax(0,1.38fr) minmax(0,.90fr) minmax(0,1.12fr)!important;
  align-items:stretch!important;
  gap:14px!important;
  margin-top:15px!important;
}
.operating-grid>.panel {
  min-height:290px!important;
  height:auto!important;
  padding:18px!important;
  position:relative!important;
}
.lower-grid {
  display:grid!important;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important;
  gap:14px!important;
  margin-top:14px!important;
}
.lower-grid>.panel {min-height:252px!important;height:auto!important;padding:18px!important}
.lower-grid>.finance-panel {
  grid-column:1 / -1!important;
  min-height:0!important;
  height:auto!important;
}
.panel-heading{gap:9px!important;flex-wrap:wrap!important;white-space:normal!important;min-height:28px!important}
.panel-heading h2{font-size:16px!important;color:#253b57!important;letter-spacing:-.2px!important}
.panel-heading h2 .icon{color:#2e6bd2!important}
.panel-subtitle {color:#8496aa!important;font-size:11px!important;white-space:normal!important}
.api-badge{color:#3b7b6c!important;background:#eef9f5!important;border:1px solid #d5eee4!important;border-radius:5px!important;font-size:10px!important}
.trend-summary {color:#7b92a8!important}
.more-button {color:#2265c7!important;font-weight:650!important}
.warning-note {position:static!important;margin-top:10px!important;background:#fff9ed!important;color:#a56d22!important;border:1px solid #f3e0bb!important}
/* Homepage table typography and empty states */
.table-scroll {background:#fff!important;border:1px solid #e5ebf3!important;border-radius:9px!important;overflow-x:auto!important;max-width:100%!important}
:where(.deadline-table,.orders-table,.sync-table) th {
  background:#f5f8fc!important;color:#687b93!important;border-bottom:1px solid #e2e9f3!important;
  font-size:11px!important;font-weight:700!important;
}
:where(.deadline-table,.orders-table,.sync-table) td {color:#354e69!important;border-bottom:1px solid #ecf1f6!important;background:#fff!important;font-size:11px!important}
:where(.deadline-table,.orders-table,.sync-table) tbody tr:nth-child(even) td {background:#fbfcff!important}
:where(.deadline-table,.orders-table,.sync-table) tbody tr:hover td {background:#f2f7ff!important}
:where(.deadline-table,.orders-table,.sync-table) .empty-state {background:#fff!important;color:#8295ad!important;padding:36px 12px!important}
.orders-panel {padding:18px!important;margin-top:14px!important}
.orders-panel .orders-table {min-width:970px!important}
.orders-panel .orders-table th{height:44px!important}
.orders-panel .orders-table td{height:62px!important}
.product-cell img{width:32px!important;height:36px!important;object-fit:contain!important}
.sync-table {width:100%!important;margin-top:12px!important}
.sync-table th{height:35px!important}
.sync-table td{height:42px!important}
/* Chart colors and neutral legend */
.chart-grid-line{stroke:#e4eaf3!important;stroke-dasharray:3 4}
.chart-axis-label{fill:#8395aa!important}
.chart-value{fill:#2563eb!important}
.chart-legend{gap:7px!important}
.chart-legend button{background:#fff!important;border:1px solid #e5ebf3!important;border-radius:7px!important;color:#415871!important;font-size:11px!important;min-height:32px!important;padding:4px 8px!important}
.chart-legend button:hover{background:#eef5ff!important}
.fulfillment-content {grid-template-columns:minmax(120px,160px) minmax(0,1fr)!important;gap:10px!important}
.donut-chart{max-width:160px!important;max-height:160px!important}
.donut-center{background:#fff!important;border:1px solid #e8edf5!important;color:#1b3859!important}
.panel-note{font-size:10px!important;color:#8fa0b3!important}
/* Homepage finance six cards: spacious, white, no navy blocks */
.finance-grid {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:14px!important}
.finance-card {
  display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;
  position:relative!important;min-height:106px!important;height:auto!important;
  border:1px solid #e5ebf3!important;border-radius:11px!important;
  padding:16px!important;background:#fbfcff!important;color:#233b58!important;
  box-shadow:none!important;text-align:left!important;
}
.finance-card:hover{background:#f1f7ff!important;border-color:#c6d9f6!important}
.finance-icon{flex:0 0 42px!important;width:42px!important;height:42px!important;border-radius:11px!important;background:#e9f1ff!important;color:#2563eb!important;box-shadow:none!important}
.finance-icon .icon{width:22px!important;height:22px!important}
.finance-copy{display:flex!important;flex:1!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
.finance-label{font-size:11px!important;font-weight:600!important;color:#6e829a!important}
.finance-card .amount{font-size:24px!important;font-weight:800!important;line-height:1.25!important;color:#223b5a!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
.finance-foot{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:3px!important;color:#879bb0!important;font-size:10px!important;text-align:right!important;flex:none!important}
.finance-foot b{color:#2c9b7a!important}
.finance-foot b.negative{color:#bf7e31!important}
/* Store management: remove giant dark empty table and simplify controls */
.sm-page,.sm-layout,.sm-list-column,.sm-detail-column{color:#253c56!important}
.sm-heading{height:auto!important;min-height:75px!important;margin-bottom:10px!important}
.sm-heading h1{font-size:24px!important;font-weight:800!important;color:#1a304e!important}
.sm-heading p{font-size:11px!important;color:#8999ad!important}
.sm-stats{gap:12px!important}
.sm-stat{background:#fff!important;border-color:#e4eaf3!important;border-radius:12px!important;padding:16px!important;min-height:116px!important}
.sm-stat strong{font-size:27px!important;font-weight:800!important;color:#1e3b61!important}
.sm-stat-icon{background:#edf4ff!important;color:#2563eb!important;box-shadow:none!important}
.sm-stat small{color:#8193a9!important}
.sm-filters{background:#fff!important;border:1px solid #e4eaf2!important;border-radius:11px!important;min-height:65px!important;gap:8px!important}
.sm-search{background:#fff!important;border:1px solid #dce4ee!important;border-radius:8px!important;color:#415b78!important}
.sm-search input{background:transparent!important;color:#233d59!important}
.sm-filters select,.sm-filters button{border:1px solid #d9e3ee!important;border-radius:8px!important;background:#fff!important;color:#415875!important}
.sm-filters button:hover{background:#eef4ff!important}
.sm-filters .sm-view-switch button.active{background:#eaf2ff!important;color:#2563eb!important;border-color:#bdd6f8!important}
.sm-results{
  margin-top:12px!important;
  background:#fff!important;
  border:1px solid #e2e9f2!important;
  border-radius:12px!important;
  box-shadow:var(--nx-v2-shadow)!important;
  min-height:220px!important;
  overflow:hidden!important;
}
.sm-table-scroll{background:#fff!important;border:0!important;box-shadow:none!important;border-radius:12px!important;overflow:auto!important;min-height:0!important}
.sm-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;color:#253d58!important}
.sm-table thead,.sm-table thead tr,.sm-table thead th{
  background:#f5f8fc!important;color:#637a94!important;
  border-color:#e0e8f3!important;
  font-size:11px!important;font-weight:700!important;
}
.sm-table tbody,.sm-table tbody tr,.sm-table tbody td{background:#fff!important;color:#2d435e!important}
.sm-table tbody tr:nth-child(even) td{background:#fafcff!important}
.sm-table tbody tr:hover td{background:#f2f7ff!important}
.sm-table td{border-bottom:1px solid #ecf1f7!important;font-size:12px!important;height:65px!important}
.sm-empty{
  background:#fff!important;color:#738aa5!important;border:0!important;box-shadow:none!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  min-height:245px!important;padding:42px 18px!important;text-align:center!important;gap:12px!important;
}
.sm-empty svg{color:#9bb0c6!important}
.sm-empty strong{color:#314b67!important;font-size:17px!important}
.sm-empty p{color:#7c91a8!important;font-size:12px!important}
.sm-empty button{background:#eef5ff!important;border-color:#c6dafa!important;color:#2466c4!important}
.sm-table-scroll .sm-empty{border:0!important}
.sm-stat-orders .sm-bars i{background:#3d82ed!important}
.sm-row-popover,.sm-dialog,.sm-detail,.sm-overview-card{background:#fff!important;color:#253d58!important;border-color:#e2e9f2!important}
.sm-auth{background:#eaf9f1!important;border:1px solid #bee6d1!important;color:#12845e!important}
.sm-auth-error{background:#fff1ef!important;color:#c04d42!important;border-color:#f0c9c2!important}
/* Finance, shipping, procurement and listing controls reuse the same spacing */
:where(.fo-panel,.fo-metric,.ship-panel,.ship-metric,.nxp-content-panel,.il-panel,.lr-table-panel) {
  border-radius:12px!important;box-shadow:var(--nx-v2-shadow)!important;
  border-color:#e2e9f2!important;
}
.fo-panel{padding:18px!important}
.fo-table thead th,.ship-table thead th,.nxp-v31 .nxp-table th,.lr-table th{
  background:#f5f8fc!important;color:#5e7691!important;border-bottom:1px solid #e0e8f2!important;
}
.fo-table tbody tr:nth-child(even) td,.ship-table tbody tr:nth-child(even) td,.lr-table tbody tr:nth-child(even) td{background:#fbfcff!important}
.ship-panel-toolbar{border-bottom:1px solid #e6edf5!important;padding:17px 19px!important}
.ship-panel-toolbar strong{font-size:17px!important}
.ship-table td{font-size:12px!important}
.nxp-v31 .nxp-spec-pill{border-radius:7px!important}
.nxp-v31 .nxp-count-highlight{font-weight:850!important}
.nxp-cards-v1 .nxp-nav-card{border-radius:12px!important}
.fo-controls select,.fo-controls button,.ship-filters select,.ship-filters input{border-radius:9px!important}
.fo-metric-value{font-weight:800!important}
/* Accessible, forgiving responsive grids */
@media (max-width:1500px){
 .metrics-grid{gap:10px!important}
 .metric-card{padding:14px!important}
 .finance-card{padding:12px!important;gap:10px!important}
 .finance-card .amount{font-size:20px!important}
 .fulfillment-content{grid-template-columns:1fr!important}
 .donut-chart{max-height:128px!important}
}
@media (max-width:1190px){
 .metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .operating-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 .operating-grid>.alerts-panel{grid-column:1/-1!important}
 .lower-grid{grid-template-columns:1fr!important}
 .lower-grid>.finance-panel{grid-column:1!important}
 .finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .page-heading{flex-wrap:wrap!important}
}
@media (max-width:800px){
 .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .operating-grid{grid-template-columns:1fr!important}
 .operating-grid>.alerts-panel{grid-column:1!important}
 .finance-grid{grid-template-columns:1fr!important}
 .page-filters{width:100%!important;overflow-x:auto!important}
 .sm-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0s!important;animation-duration:0s!important}}


/* NEXORA receiving, inventory and six platform-status shipping cards */
.ship-six-status .ship-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:16px}
.ship-six-status .ship-status-card{cursor:pointer;min-width:0;min-height:94px;border:1px solid #dee7f2!important;background:#fff!important;color:#28435f!important;border-radius:13px!important;transition:background .15s,border-color .15s,box-shadow .15s!important;text-align:left}
.ship-six-status .ship-status-card:hover{border-color:#acc9f3!important;background:#f7faff!important}
.ship-six-status .ship-status-card.active{border-color:#5a92e9!important;background:#eff6ff!important;box-shadow:0 0 0 2px rgba(37,99,235,.10)!important}
.ship-six-status .ship-status-card.active .ship-metric-ico{background:#dfecff!important;color:#2563eb!important}
.ship-six-status .ship-status-card:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.ship-six-status .ship-status-card[aria-pressed=true] .ship-metric-copy>span{color:#1e5cba!important;font-weight:750}
.ship-six-status .ship-status-card .ship-metric-copy strong{color:#173a5e!important;font-size:27px!important}
.ship-platform-preparation{background:#fff2dd!important;color:#9b6b13!important}
.ship-platform-dispatch{background:#edf3ff!important;color:#3159ae!important}
.ship-platform-shipped{background:#e9f3fe!important;color:#2166b7!important}
.ship-platform-transit{background:#e9f8ff!important;color:#187eaa!important}
.ship-platform-delivered{background:#e6f8f0!important;color:#14815a!important}
.ship-platform-cancelled{background:#fff0f1!important;color:#b34852!important}
.nxp-v31 .nxp-stock-tools{gap:12px;flex-wrap:wrap}
.nxp-v31 .nxp-stock-tool-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.nxp-v31 .nxp-stock-tool-actions .nxp-button{white-space:nowrap}
@media(max-width:1500px){.ship-six-status .ship-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.ship-six-status .ship-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Procurement & fulfillment refinement: 2026-11-11 */
.nxp-history-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.nxp-history-export{margin-left:auto!important;min-width:156px;white-space:nowrap}
.ship-six-status .ship-panel-toolbar{background:#fff!important}
.ship-six-status .ship-table th.ship-select,
.ship-six-status .ship-table td.ship-select{width:42px!important;min-width:42px!important;max-width:42px!important;padding-left:14px!important;padding-right:6px!important}
.ship-six-status .ship-table input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}
.ship-six-status .ship-label-pending{display:inline-block;padding:5px 9px;margin-right:5px;background:#fff5e9;border:1px solid #f3d7aa;color:#9e651b;border-radius:7px;font-size:11px;white-space:nowrap}
.ship-six-status .ship-actions{min-width:156px}
.ship-six-status .ship-action{border-radius:7px!important;min-height:33px!important;padding:6px 11px!important;font-size:12px!important}
.ship-six-status .ship-action.primary{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}
.ship-six-status .ship-action.primary:hover{background:#1d56d6!important}
.ship-six-status .ship-action:not(.primary){background:#fff!important;color:#2e5e9e!important;border-color:#cddff4!important}
.ship-six-status .ship-action:not(.primary):hover{background:#f1f6ff!important}
.ship-six-status .ship-toolbar-actions .ship-gold{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}
.ship-six-status .ship-table{min-width:1250px}
.ship-six-status .ship-panel:has(.ship-select) .ship-table{min-width:1380px}
@media(max-width:800px){.nxp-history-export{margin-left:0!important;width:100%}}