/* NovaCore 6.1.170 — global West-Coast / game-business theme
   One fixed background, charcoal glass surfaces, cyan only as an accent.
   Designed to stay lightweight: no animated wallpaper, no per-card backdrop blur. */
:root{
  --bg:#06080b!important;
  --bg2:#0a0d11!important;
  --surface:#0d1116!important;
  --surface2:#11161c!important;
  --surface3:#151b22!important;
  --line:rgba(126,154,174,.16)!important;
  --line2:rgba(105,201,230,.22)!important;
  --text:#f3f6f8!important;
  --muted:#8c9ba5!important;
  --soft:#bec9cf!important;
  --red:#26c7ef!important;
  --red2:#35aee2!important;
  --red3:#177ba7!important;
  --brand-cyan:#25c8ef!important;
  --brand-blue:#2799d1!important;
  --brand-purple:#6a78b9!important;
  --shadow:0 22px 52px rgba(0,0,0,.42)!important;
  --nc-theme-panel:linear-gradient(180deg,rgba(14,18,22,.94),rgba(8,11,14,.96));
  --nc-theme-panel-soft:linear-gradient(180deg,rgba(18,22,27,.90),rgba(10,13,17,.94));
  --nc-theme-panel-deep:rgba(7,10,13,.95);
  --nc-theme-border:rgba(109,175,199,.15);
  --nc-theme-border-hover:rgba(59,196,235,.30);
  --nc-theme-warm:rgba(216,120,70,.16);
}

html{
  background:#050608!important;
}
body{
  background-color:#120f18!important;
  background-image:
    radial-gradient(circle at 78% 18%,rgba(242,109,56,.23),transparent 30%),
    radial-gradient(circle at 18% 82%,rgba(25,153,197,.17),transparent 34%),
    linear-gradient(180deg,#171927 0%,#15121b 46%,#090b10 100%)!important;
  background-size:cover!important;
  background-attachment:fixed!important;
  color:var(--text)!important;
  min-height:100vh;
  isolation:isolate;
}
.nc-global-backdrop{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:linear-gradient(180deg,#171927,#0a0c11);
}

.nc-global-backdrop>img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  opacity:1;
  filter:saturate(1.04) contrast(1.02) brightness(.93);
}
.nc-global-backdrop::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(4,6,8,.10),rgba(5,7,9,.22) 42%,rgba(4,6,8,.42)),
    radial-gradient(circle at 78% 18%,rgba(211,102,57,.11),transparent 30%),
    linear-gradient(90deg,rgba(0,0,0,.28),transparent 24%,transparent 76%,rgba(0,0,0,.22));
}
body::before,body::after{display:none!important}
body>.appbar,body>.nc-main-nav,body>.nc-contextbar,body>.main,body>dialog,body>.surface-transition,body>.license-gate,body>.update-notice,body>.announcements{position:relative;z-index:1}

/* Primary chrome: deep charcoal, transparent enough for a unified world behind it. */
.appbar,.appbar.nc-appbar-modern{
  background:rgba(6,9,12,.91)!important;
  border-bottom-color:rgba(71,177,207,.16)!important;
  box-shadow:0 9px 30px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(12px) saturate(115%);
}
.nc-main-nav{
  background:linear-gradient(180deg,rgba(5,8,11,.965),rgba(7,10,13,.945))!important;
  border-right-color:rgba(89,174,200,.13)!important;
  box-shadow:16px 0 42px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(10px) saturate(110%);
}
.nc-contextbar{
  background:rgba(7,10,13,.88)!important;
  border-bottom-color:rgba(105,185,209,.10)!important;
  backdrop-filter:blur(8px);
}
.nc-main-nav .tab,.nc-main-nav-tabs .tab{
  color:#aebbc3!important;
}
.nc-main-nav .tab:hover,.nc-main-nav-tabs .tab:hover{
  background:rgba(255,255,255,.035)!important;
  color:#edf7fb!important;
}
.nc-main-nav .tab.active,.nc-main-nav-tabs .tab.active{
  background:linear-gradient(90deg,rgba(28,153,193,.20),rgba(19,77,98,.10))!important;
  border-color:rgba(49,194,235,.26)!important;
  color:#effbff!important;
  box-shadow:inset 3px 0 0 #28c6ef!important;
}
.nc-main-nav .nc-nav-icon{color:#8faab5!important}
.nc-main-nav .tab.active .nc-nav-icon{color:#57d6f5!important}

/* The main workspace itself stays transparent; content cards provide readable contrast. */
.main,.app-page,.workspace,.content{background:transparent!important}

/* Shared surfaces. Avoid backdrop-filter here so large data pages remain cheap to render. */
.panel,.station,.controls-panel,.side-panel,.home-rail,.home-company-rail,.dashboard-panel,
.factory-content-panel,.factory-dashboard-panel,.factory-dashboard-card,.nc-home-command-center,
.nc-customer-list-panel,.nc-customer-editor,.nc-dealer-kpis article,.nc-dealer-card,
.nc-order-directory,.nc-order-catalog,.nc-order-cart,.nc-orders-list,.system-wide-panel{
  background:var(--nc-theme-panel)!important;
  border-color:var(--nc-theme-border)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.20)!important;
}
.panel:hover,.station:hover,.nc-dealer-card:hover,.nc-order-product:hover{
  border-color:var(--nc-theme-border-hover)!important;
}

/* Subpages used to force a nearly opaque blue. Keep them charcoal. */
.app-page:not(#homePage) .panel,
.app-page:not(#homePage) .factory-content-panel,
.app-page:not(#homePage) .factory-dashboard-panel,
.app-page:not(#homePage) .station{
  background:var(--nc-theme-panel)!important;
  border-color:var(--nc-theme-border)!important;
}
.app-page:not(#homePage)>.page-header,
.app-page:not(#homePage)>.panel.page-header,.page-header{
  background:linear-gradient(100deg,rgba(11,15,19,.94),rgba(11,15,19,.84) 70%,rgba(117,65,40,.10))!important;
  border-color:rgba(106,174,196,.15)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.20)!important;
}
.app-page:not(#homePage)>.page-header::before{
  background:linear-gradient(180deg,#27c8ef,#168db9 68%,rgba(216,120,70,.28))!important;
}

/* Smaller nested cards: neutral charcoal instead of blue slabs. */
:where(.system-row,.shortcut,.market-card,.finance-metric,.finance-overview-metric,.import-expense-row,
.nc-customer-row,.nc-dealer-vehicle,.nc-order-cart-row,.nc-order-detail-summary>div,.nc-order-detail-columns>section,
.nc-home-order-row,.vehicle-results,.vehicle-upload-card,.vehicle-meta-card,.market-key-card){
  background:rgba(10,14,18,.76)!important;
  border-color:rgba(118,151,170,.12)!important;
}
:where(.shortcut,.nc-customer-row,.nc-home-order-row):hover{
  background:rgba(18,27,32,.82)!important;
  border-color:rgba(52,192,231,.24)!important;
}

/* Inputs and tables are intentionally flatter for contrast on the scenic background. */
:where(input,select,textarea,.select,.search,.mini-search,.finance-company-select){
  background-color:rgba(6,10,13,.88)!important;
  border-color:rgba(112,153,173,.18)!important;
  color:#edf4f7!important;
}
:where(input,select,textarea):focus{
  border-color:rgba(47,197,235,.46)!important;
  box-shadow:0 0 0 3px rgba(38,184,220,.075)!important;
}
:where(table thead th,.vehicle-table th,.company-profit-table th){
  background:#0c1014!important;
}
:where(table tbody tr:hover td){background:rgba(42,137,164,.055)!important}

/* Buttons: one cyan action language; destructive/status colors keep their semantics. */
.btn:not(.danger):not(.ghost-red):not(.login),button.btn:not(.danger):not(.ghost-red):not(.login){
  background:linear-gradient(180deg,rgba(25,32,38,.98),rgba(13,18,22,.98))!important;
  border-color:rgba(115,159,178,.19)!important;
}
.btn:not(.danger):not(.ghost-red):not(.login):hover{
  border-color:rgba(55,197,235,.34)!important;
  background:linear-gradient(180deg,rgba(29,39,46,.98),rgba(15,22,27,.98))!important;
}
.btn.login,.global-sync-btn,.vehicle-analyze{
  background:linear-gradient(135deg,#128dbd,#22bddf)!important;
  border-color:rgba(80,220,248,.42)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(14,126,164,.18)!important;
}

/* Global orders / dealership inherit the same palette while retaining state colors. */
#ordersPage{
  --go-bg:rgba(8,12,15,.92)!important;
  --go-line:rgba(92,174,201,.15)!important;
  --go-soft:rgba(255,255,255,.035)!important;
}
.nc-order-product{
  background:linear-gradient(165deg,rgba(16,20,24,.95),rgba(8,11,14,.97))!important;
  border-color:rgba(91,164,188,.14)!important;
}
.nc-order-image{background:radial-gradient(circle at 50% 30%,rgba(35,181,218,.10),transparent 62%)!important}
.nc-order-price strong,.nc-order-cart-total strong,.nc-home-order-row>strong{color:#69d6ef!important}
.nc-order-detail{background:linear-gradient(160deg,rgba(14,18,22,.99),rgba(7,10,13,.995))!important}
.nc-order-detail-backdrop{background:rgba(1,3,4,.78)!important}
.nc-dealer-tabs button{background:rgba(9,13,16,.86)!important}
.nc-dealer-tabs button.active{background:rgba(29,144,178,.16)!important;border-color:rgba(53,197,236,.32)!important}

/* Warm ambience only in decorative edges; data colors remain semantic. */
.hero-card,.nc-home-lead,.nc-home-command-center{
  border-color:rgba(109,171,190,.16)!important;
}
.brand-mark{background:linear-gradient(180deg,rgba(18,25,30,.96),rgba(8,12,15,.98))!important}
.version-chip{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.08)!important}

/* Scrollbars blend into the dark terminal look. */
*{scrollbar-color:rgba(94,137,153,.35) transparent}
*::-webkit-scrollbar-thumb{background:rgba(94,137,153,.28)!important;border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:rgba(75,181,211,.38)!important}

/* Accessibility: no scenic asset when high contrast is explicitly requested. */
@media (prefers-contrast:more){
  .nc-global-backdrop{display:none!important}
  body{background:#050608!important}
  .panel,.station,.controls-panel,.side-panel,.home-rail,.home-company-rail,.dashboard-panel,
  .factory-content-panel,.factory-dashboard-panel,.nc-customer-list-panel,.nc-customer-editor,
  .nc-order-directory,.nc-order-catalog,.nc-order-cart,.nc-orders-list{background:#0b0e12!important;border-color:#42515b!important}
}

/* Invoice/KVA print stays a clean document, never the game-themed application canvas. */
@media print{
  html,body{background:#fff!important;color:#111!important}
  body::before,body::after{display:none!important}
  .inv-paper,.inv-paper *{background-color:transparent;color:inherit}
  .inv-paper{background:#fff!important;color:#111!important;box-shadow:none!important}
}


/* 6.1.170 — nested scroll chain lock.
   Inner scroll areas keep wheel ownership at their top/bottom edge so the page
   behind them cannot suddenly move when several scroll surfaces are stacked. */
.nc-scroll-chain-lock{overscroll-behavior-y:contain!important;}
:where(
  .nc-rev-nav,.nc-search-results,.nc-notification-list,.nc-audit-list,.nc-quality-list,
  #businessSyncTerminal,.business-sync-terminal-console,.nc-production-rows,
  .pp-material-panel-scroll,.nc-detail-panel-scroll,.inv-doc-list,.inv-customer-list,
  .inv-catalog-dropdown,.vapi-output,.factory-intake-price-list,.nc-customer-list,
  .nc-order-chat-messages,.nc-order-detail,.nc-order-catalog-grid,.nc-orders-list,
  .nc-dealer-vehicle-list,.nc-dealer-moc-list,.nc-table-columns-menu,
  .tablewrap,.table-wrap,.factory-table-wrap,[data-nc-local-scroll="1"]
){overscroll-behavior-y:contain!important;}
