/* Shared Xtreme palette across every workspace screen. */
:root{
  --bg:#101010;--panel:#1b1b1d;--panel2:#242426;--border:#39393c;
  --text:#f7f7f8;--muted:#bfbfc5;--yellow:#ffe044;
  --green:#ffe58b;--red:#ffda79;--blue:#e3e3e8;
  --surface-gradient:linear-gradient(145deg,#2b2b2f 0%,#1e1e21 48%,#151517 100%);
  --gold-gradient:linear-gradient(115deg,#fff2af 0%,#ffe04b 55%,#edbc24 100%);
  --soft-gold-border:#ffe04438;
}
@media screen{
  html{scrollbar-color:#515154 #99999c}
  ::-webkit-scrollbar-track{background:linear-gradient(90deg,#838386,#aaaAAD)}
  ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#666669,#3c3c3f);border-color:#858588}
  .login-screen{background:radial-gradient(ellipse at 85% 0%,#b28d2333,transparent 45%),radial-gradient(ellipse at 0% 100%,#ffffff0d,transparent 55%),linear-gradient(140deg,#2c2c2f,#151517 48%,#08080a)}
  .login-card{background:linear-gradient(145deg,#3b3b3fa3,#171719df);border-color:#ffffff24}
  body{background:radial-gradient(ellipse at 100% 0%,#ffe04408,transparent 38%),linear-gradient(150deg,#1a1a1c 0%,#101012 52%,#09090b 100%);background-attachment:fixed}
  .sidebar{background:radial-gradient(ellipse at 0% 0%,#ffffff08,transparent 55%),linear-gradient(170deg,#242426 0%,#171719 46%,#101012 100%);border-right-color:#ffffff12}
  .brand span,.location small,.nav-label,.breadcrumb,.today-label,.footer,.preview-label{color:var(--muted)}
  .location{background:linear-gradient(130deg,#33333566,#161618aa);border-color:#ffffff15;box-shadow:inset 0 1px 0 #ffffff06}
  .live-dot,.preview-label .live-dot{background:var(--yellow);box-shadow:0 0 10px #ffe04425}
  .topbar{background:linear-gradient(100deg,#222225c9,#151517d9 60%,#332e1b55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom-color:#ffe04420}
  nav .nav-item{color:#d0d0d5}
  nav .nav-item:hover{background:linear-gradient(110deg,#3c3c4166,#28282855);color:white}
  nav .nav-item.active{background:var(--gold-gradient);color:#17140b;box-shadow:0 4px 16px #e6b92715,inset 0 1px 0 #fff8}
  .avatar{background:linear-gradient(140deg,#404043,#242426);border-color:#ffffff22;color:white}
  .avatar.yellow{background:linear-gradient(145deg,#514726,#24221a);border-color:#ffe04438;color:#ffe88d}
  .panel,.stat-card,.customer-card,.service-card,.job-card,.receipt-row,.document-detail{background:var(--surface-gradient);border-color:#ffffff18;box-shadow:inset 0 1px 0 #ffffff06,0 8px 24px #00000013}
  .stat-card{background:radial-gradient(ellipse at 100% 0%,#ffe0440d,transparent 65%),var(--surface-gradient)}
  .stat-card:first-child{background:radial-gradient(ellipse at 100% 0%,#fbd64a21,transparent 75%),var(--surface-gradient);border-color:var(--soft-gold-border)}
  .stat-number,.report-kpi{color:#fff0a2}.stat-label{color:#d0d0d5}
  .panel-head{background:linear-gradient(110deg,#ffffff03,transparent 65%,#ffe04405);border-bottom-color:#ffffff12}
  .panel-head a{color:#ffe58b}
  .button,.icon-button,.row-button{background:linear-gradient(140deg,#363639,#222224);border-color:#ffffff24;color:#f7f7f8;box-shadow:inset 0 1px 0 #ffffff07}
  .button.primary,.invoice-summary .button.primary,.login-card .button{background:var(--gold-gradient);border-color:#ffe985;color:#17140b;box-shadow:0 4px 18px #edbc2414,inset 0 1px 0 #fff8}
  .button.primary:hover,.invoice-summary .button.primary:hover,.login-card .button:hover{background:linear-gradient(115deg,#fff7cc,#ffea75 55%,#ffd43c);border-color:#fff0aa;color:#17140b}
  .button.ghost{background:linear-gradient(135deg,#ffffff03,transparent);border-color:#ffffff0d;color:#d0d0d5}
  .button:not(.primary):hover,.icon-button:hover,.row-button:hover{background:linear-gradient(135deg,#444440,#2c2a24);border-color:#ffe04455;color:white}
  .button:disabled{box-shadow:none}
  input,select,textarea{background:linear-gradient(135deg,#111113,#202022);color:#f7f7f8;border-color:#4b4b50;color-scheme:dark}
  input::placeholder,textarea::placeholder{color:#a8a8b0}
  input:focus,select:focus,textarea:focus{border-color:#ffe044;outline-color:#ffe044;box-shadow:0 0 0 3px #ffe0440c}
  .form-field label,.line-edit label,.field-help,.match-status{color:#cdCDD3}
  input[type=checkbox],input[type=radio]{accent-color:#ffe044;background:none}
  .field-search{background:linear-gradient(120deg,#232325,#141416);border-color:#ffffff20}
  .field-search input{background:transparent;box-shadow:none}
  .field-search .icon{color:#d0d0d5}
  select option{background:#202022;color:white}
  th{background:linear-gradient(160deg,#323236,#252528);color:#d6d6db;border-color:#ffffff12}
  td{border-color:#ffffff0e}
  tbody tr:nth-child(even){background:#ffffff02}
  tbody tr:hover,.dashboard-jobs tr:hover{background:linear-gradient(90deg,#ffe04409,#ffffff02)}
  .badge,.pill{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:linear-gradient(135deg,#ffe04413,#ffffff04);border:1px solid #ffe0442a;color:#ffe8a0;font-size:12px;line-height:1.4}
  .schedule-item{border-color:#ffffff10}.schedule-item:hover{background:linear-gradient(110deg,#ffe04406,#ffffff02)}
  .product-button{background:linear-gradient(135deg,#29292c,#1a1a1d);border-color:#ffffff12;color:#f7f7f8}
  .product-button>strong,.service-option strong{color:#ffe792}
  .product-button small,.cart-item small,.record-description{color:var(--muted)}
  .product-button:hover{background:linear-gradient(135deg,#3b3625,#272624);border-color:#ffe04452}
  .scan-zone,.import-callout,.attention-strip a{background:radial-gradient(ellipse at 100% 0%,#ffe04412,transparent 70%),linear-gradient(130deg,#2b2b2e,#171719);border-color:#ffe04438}
  .scan-zone .icon,.import-callout>div>.icon{color:#ffe47a}
  .pagination{background:linear-gradient(120deg,#ffffff03,transparent);border-color:#ffffff12}
  .invoice-summary{background:radial-gradient(ellipse at 100% 0%,#f6cc3e20,transparent 48%),linear-gradient(145deg,#313134 0%,#1e1e21 43%,#101012 100%) padding-box,linear-gradient(145deg,#b99b46,#4c4c50 40%,#29292d 75%,#7c652c) border-box;box-shadow:0 20px 50px #0004,inset 0 1px 0 #ffffff08}
  .invoice-heading{background:linear-gradient(120deg,#ffffff05,transparent)}
  .invoice-eyebrow,.invoice-status{color:#ffe792}
  .invoice-client select,.invoice-client input{background:linear-gradient(135deg,#111113,#202022);border-color:#505055;color:white}
  .invoice-summary .totals{background:linear-gradient(145deg,#0000000c,#05050688)}
  .invoice-summary .total-row,.invoice-smallprint,.document-tax{color:#c6c6ce}
  .invoice-summary .grand-total{background:radial-gradient(ellipse at 100% 0%,#ffe0441a,transparent 80%),linear-gradient(110deg,#ffffff05,#ffffff02);border-color:#ffe04440}
  .invoice-summary .grand-total strong,.document-total{color:#ffe88a}
  dialog{background:var(--surface-gradient);border-color:#ffffff29;box-shadow:0 28px 90px #0009,inset 0 1px 0 #ffffff08}
  .dialog-head,.dialog-foot{background:linear-gradient(115deg,#303033,#1c1c1f 65%,#302b1e);border-color:#ffffff15}
  dialog::backdrop{background:#080809b8;backdrop-filter:blur(7px)}
  .dialog-notice,.empty-alert,.connection-warning{background:linear-gradient(115deg,#3f351b,#23221e);border-color:#ffe04455;color:#fff0af}
  #toast{background:linear-gradient(125deg,#39352a,#242426);border:1px solid #ffe04445;color:#fff0af;box-shadow:0 8px 28px #0006}
  .source-viewport,.source-preview,.camera-live{background:linear-gradient(140deg,#222224,#101012);border-color:#ffffff20}
  .receipt-row.excluded{background:linear-gradient(145deg,#202022,#151517);border-color:#ffffff0f}
  .footer{border-color:#ffffff0c}
}
@media screen and (min-width:761px) and (max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:760px){
  .mobile-nav{background:linear-gradient(135deg,#77777b55,#18181cce 55%,#a3893540);border-color:#ffffff35;box-shadow:0 12px 38px #0008,inset 0 1px 0 #ffffff35,inset 0 -1px 0 #ffffff0c}
  .mobile-nav:before{background:radial-gradient(ellipse at 90% 0%,#ffe04418,transparent 65%)}
  .mobile-nav a{color:#e0e0e5}.mobile-nav a.active{color:#fff1a6;background:linear-gradient(135deg,#ffffff26,#ffe04429);border-color:#ffe04450;box-shadow:inset 0 1px 0 #fff5,0 3px 12px #0003}
}
@media screen and (prefers-reduced-transparency:reduce){.topbar{background:linear-gradient(110deg,#28282a,#171719);backdrop-filter:none}.mobile-nav{background:linear-gradient(135deg,#38383c,#202023);backdrop-filter:none}}