:root{--bg:#07090c;--panel:#0d1218;--panel2:#111821;--line:#27313c;--text:#f5f7fa;--muted:#8e99a7;--red:#ed171f;--green:#25c86b;--amber:#f0a51a}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#07090c;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}body{background:radial-gradient(circle at 65% -20%,#18202a 0,#080b0f 35%,#05070a 80%)}a{text-decoration:none;color:inherit}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:linear-gradient(180deg,#090c10,#05070a);border-right:1px solid #222a33;display:grid;grid-template-rows:108px minmax(0,1fr) 120px 52px;z-index:20}.brand{display:grid;place-items:center;padding:8px 10px;border-bottom:1px solid #1c242d;overflow:hidden}.brand img{width:218px;height:96px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 3px 10px #000)}.nav-scroll{overflow:auto;padding:10px 12px;scrollbar-width:thin;scrollbar-color:#343d47 transparent}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#b8c0ca;font-size:12px;margin:2px 0;border:1px solid transparent}.sidebar nav a:hover{background:#121820;color:#fff}.sidebar nav a.active{background:linear-gradient(90deg,#e91921,#af0d13);border-color:#fa343b;color:#fff}.nav-label{color:#f12a31;font-size:10px;font-weight:800;letter-spacing:.5px;padding:14px 8px 5px}.sidebar-art{border-top:1px solid #1c242d;overflow:hidden;background:radial-gradient(circle at 50% 100%,#261015,#07090c 65%)}.sidebar-art img{width:100%;height:100%;object-fit:cover;object-position:center}.sidebar-footer{display:grid;grid-template-columns:auto 1fr;align-content:center;gap:2px 7px;border-top:1px solid #1c242d;padding:7px 16px;font-size:9px;color:#adb5bf}.sidebar-footer small{grid-column:2;color:#4dd58a}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--red);align-self:center}.main{margin-left:235px;min-height:100vh}.topbar{height:70px;position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:14px;padding:0 18px;background:#090c10ec;border-bottom:1px solid #222b34;backdrop-filter:blur(14px)}.menu-btn,.top-icon{height:38px;min-width:38px;border:1px solid #2c3641;background:#111720;color:#dfe4ea;border-radius:8px;display:grid;place-items:center}.global-search{width:min(650px,50vw);display:flex;height:42px;border:1px solid #2d3742;border-radius:8px;overflow:hidden;background:#0f141b}.global-search span{display:grid;place-items:center;width:40px;color:#909aa6}.global-search input{flex:1;border:0;background:none;color:#fff;outline:0;padding:0 4px}.global-search button{border:0;background:linear-gradient(#f11d25,#bf1016);color:white;padding:0 22px;font-weight:700}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.notify,.profile-menu{position:relative}.notify summary,.profile-menu summary{list-style:none;cursor:pointer}.top-icon{position:relative}.top-icon i{position:absolute;right:-6px;top:-7px;background:#e61b22;color:white;font-style:normal;font-size:9px;border-radius:10px;padding:2px 5px}.profile-menu summary{display:flex;align-items:center;gap:9px}.avatar{width:38px;height:38px;border-radius:50%;background:#f3f5f7;color:#111820;display:grid;place-items:center;font-weight:900}.profile-menu small{display:block;color:#828d99;font-size:9px;margin-top:2px}.drop-panel{position:absolute;right:0;top:48px;min-width:210px;background:#10161e;border:1px solid #303a45;border-radius:9px;padding:8px;box-shadow:0 20px 50px #0009;display:grid;gap:4px}.drop-panel b,.drop-panel a{padding:8px;border-radius:6px}.drop-panel a{color:#bdc5cf;font-size:11px}.drop-panel a:hover{background:#1a222c;color:#fff}.content{padding:16px 18px 30px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi{height:150px;border:1px solid #2b3540;border-radius:11px;padding:18px;display:flex;gap:14px;position:relative;overflow:hidden;background:linear-gradient(145deg,#131923,#0b1016)}.red-card{box-shadow:inset 0 0 40px #44101544}.blue-card{box-shadow:inset 0 0 40px #0b315344}.green-card{box-shadow:inset 0 0 40px #0d3d2344}.amber-card{box-shadow:inset 0 0 40px #5a371044}.kpi-icon{width:50px;height:50px;min-width:50px;border-radius:9px;background:linear-gradient(#f11e26,#b90e14);display:grid;place-items:center;font-size:23px;z-index:2}.blue-card .kpi-icon{background:linear-gradient(#197dd1,#10538d)}.green-card .kpi-icon{background:linear-gradient(#20b75b,#0b7436)}.amber-card .kpi-icon{background:linear-gradient(#f2aa1b,#b36b00)}.kpi-copy{z-index:2}.kpi-copy span{font-size:10px;color:#b6bec8}.kpi-copy strong{display:block;font-size:27px;margin:9px 0 6px}.kpi-copy small{display:block;color:#8d98a5;font-size:10px}.kpi-copy em,.kpi-copy a{display:block;color:#32d176;font-size:10px;font-style:normal;margin-top:10px}.amber-card .kpi-copy a{color:#ff663d}.kpi>img{position:absolute;right:-4px;bottom:-8px;width:145px;height:145px;object-fit:cover;opacity:.92;mix-blend-mode:screen;filter:saturate(1.08) contrast(1.08)}.search-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px;margin-top:12px}.card{background:linear-gradient(145deg,#10161d,#0b1016);border:1px solid #27323d;border-radius:10px;padding:16px;box-shadow:0 10px 30px #0004}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title h3{margin:0;font-size:14px}.section-title small{display:block;color:#84909c;font-size:10px;margin-top:3px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #29333e;border-radius:7px;overflow:hidden;margin-bottom:12px}.tab{padding:10px;border:0;border-right:1px solid #29333e;background:#151c24;color:#aab3be}.tab.active{background:linear-gradient(#ef1d25,#bc1016);color:#fff}.tab-panel{display:none}.tab-panel.active{display:block}.quick-input{display:flex;height:40px}.quick-input input{flex:1;border-radius:7px 0 0 7px}.quick-input button{width:58px;border:0;border-radius:0 7px 7px 0;background:#d8141b;color:white;font-size:18px}.popular-title{font-size:10px;color:#949eaa;margin:16px 0 8px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips a{border:1px solid #303a45;background:#141a22;color:#b3bcc7;border-radius:15px;padding:6px 9px;font-size:9px}.professional-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.professional-grid label,.primary-filter label,.checkout-panel label,.form-grid label,.stack label{display:flex;flex-direction:column;gap:6px;color:#b7bec7;font-size:10px}.grid-action{display:flex;align-items:end}.grid-action .btn{width:100%}.search-actions{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:12px}.dashboard-lower{display:grid;grid-template-columns:1.45fr .62fr;gap:12px;margin-top:12px}.side-stack{display:grid;gap:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:10px}th{text-align:left;padding:10px;background:#171f28;color:#99a4b0;border-bottom:1px solid #2b3540;white-space:nowrap}td{padding:10px;border-bottom:1px solid #222b34;white-space:nowrap;color:#e0e4e8}td small{display:block;color:#76818d;margin-top:4px}.accent{color:#ff3138!important;font-weight:800}.status-pill{display:inline-block;padding:4px 8px;border-radius:12px;font-size:9px;border:1px solid #23553a;background:#10271b;color:#57de91}.status-pill.warning{border-color:#6e2428;background:#311418;color:#ff666b}.alert-row{display:grid;grid-template-columns:42px 1fr auto auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #232d36;font-size:9px}.alert-icon{width:36px;height:36px;border-radius:7px;background:#1a222b;display:grid;place-items:center}.alert-row small{display:block;color:#7c8793}.alert-row i{font-style:normal;border:1px solid #6e1d23;color:#ff4a51;padding:4px 8px;border-radius:12px}.stock-overview{display:flex;align-items:center;justify-content:space-around;gap:14px}.donut{width:145px;height:145px;border-radius:50%;background:conic-gradient(#b6b8bb 0 var(--d1),#f0ab22 var(--d1) var(--d2),#ed3037 var(--d2) 360deg);display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;width:96px;height:96px;border-radius:50%;background:#10161d}.donut div{z-index:1;text-align:center}.donut strong{display:block;font-size:21px}.donut small{font-size:9px;color:#8b96a2}.legend{display:grid;gap:12px;font-size:9px}.legend span{display:grid;grid-template-columns:10px 70px auto;align-items:center}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.stock{background:#b6b8bb}.dot.low{background:#f0ab22}.dot.out{background:#ed3037}.bottom-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px;border:1px solid #27313b;border-radius:10px;overflow:hidden;background:#0e141b}.bottom-metrics>div{padding:13px 17px;border-right:1px solid #27313b}.bottom-metrics span{display:block;color:#8e98a4;font-size:9px}.bottom-metrics b{display:block;margin-top:5px;font-size:16px}.page-head{display:flex;align-items:end;justify-content:space-between;margin:2px 0 17px}.page-head h1{margin:0 0 5px;font-size:26px}.page-head p{margin:0;color:#838e9a;font-size:11px}.btn{border:1px solid #303a45;background:#151c24;color:#e8ebef;border-radius:7px;padding:9px 12px;cursor:pointer;font-weight:700}.btn.primary{background:linear-gradient(#ef1d25,#ba0f15);border-color:#f42c34}.btn.secondary{background:#151b22}.btn.small{padding:6px 9px;font-size:9px}.btn.large{padding:11px}.icon-btn{border:1px solid #313c47;background:#171f28;color:#67aaff;border-radius:6px;padding:6px 8px}.icon-btn.delete{color:#ff6267}.inline{display:inline}.filters-card{margin-bottom:12px}.primary-filter{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,.7fr);gap:10px;margin-bottom:12px}.fitment-filter{padding-top:12px;border-top:1px solid #242d36}.filter-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.pagination{display:flex;justify-content:space-between;align-items:center;padding-top:12px;color:#8c97a3;font-size:10px}.empty-state{text-align:center;color:#7e8996;padding:26px}.empty-state.compact{padding:15px}.speed-badge{border:1px solid #28543b;background:#10251a;color:#71e19d;padding:8px 11px;border-radius:14px;font-size:10px}.pos-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.55fr);gap:12px}.pos-main{display:grid;gap:12px}.live-search{height:48px;display:flex;align-items:center;border:1px solid #35414d;background:#090d12;border-radius:8px;padding:0 12px;gap:10px}.live-search input{flex:1;border:0;background:none;outline:0;color:#fff;font-size:13px}.live-search kbd{border:1px solid #3b4652;border-radius:5px;padding:4px 7px;color:#8d98a4;background:#141a21;font-size:9px}.pos-results{display:grid;gap:5px;margin-top:10px;max-height:310px;overflow:auto}.pos-result{width:100%;border:1px solid #27323d;background:#111821;color:white;border-radius:7px;padding:9px 11px;display:flex;justify-content:space-between;text-align:left;cursor:pointer}.pos-result:hover{border-color:#9d252a;background:#171d24}.pos-result b{color:#ff3b42;margin-right:10px}.pos-result span{font-size:11px}.pos-result small{display:block;color:#77828e;margin-top:4px}.pos-result-meta{text-align:right;display:grid;gap:4px}.pos-result-meta strong{font-size:13px}.cart-qty{width:64px}.checkout-panel{height:max-content;position:sticky;top:86px}.checkout-panel label{margin-bottom:11px}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rate-box{border:1px solid #34404b;border-left:3px solid #ec1c23;background:#111821;border-radius:7px;padding:10px;margin:5px 0 12px}.rate-box span,.rate-box small{display:block;color:#85909d;font-size:9px}.rate-box b{display:block;margin:4px 0;font-size:12px}.summary-lines{border-top:1px solid #29343e;border-bottom:1px solid #29343e;margin:11px 0;padding:8px 0}.summary-lines div{display:flex;justify-content:space-between;padding:5px 0;font-size:10px}.summary-lines strong{font-size:17px}.change-box{display:flex;justify-content:space-between;border:1px solid #28563c;background:#0f2519;color:#64df94;padding:10px;border-radius:7px;margin:8px 0 12px}.checkout-btn{width:100%;padding:13px}.safety-note{color:#78838f;font-size:9px;line-height:1.45}.search-loading{color:#9ba5b1;padding:15px;text-align:center}input,select,textarea{background:#0b1016;border:1px solid #303a45;border-radius:7px;padding:9px 10px;color:#f4f6f8;outline:0;width:100%}input:focus,select:focus,textarea:focus{border-color:#9d252a;box-shadow:0 0 0 3px #ec1c2312}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.form-grid .full{grid-column:1/-1}.form-grid label small{font-size:9px;color:#75808b}.actions{display:flex;justify-content:flex-end;gap:8px}.two-col{display:grid;grid-template-columns:.55fr 1.45fr;gap:12px}.stack{display:grid;gap:10px}.report-total,.offline-note,.backup-row{border:1px solid #303a45;background:#111821;border-left:3px solid #ed1b22;border-radius:7px;padding:11px;margin-bottom:10px}.receipt-body{background:#181c22;padding:18px}.receipt-paper{width:80mm;background:white;color:#111;margin:auto;padding:6mm 5mm}.receipt-paper small{display:block;color:#666}@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.professional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-lower,.search-grid,.pos-layout{grid-template-columns:1fr}.checkout-panel{position:static}}@media(max-width:800px){.sidebar{width:72px;grid-template-rows:72px minmax(0,1fr)}.brand img,.nav-label,.sidebar nav span,.sidebar-art,.sidebar-footer{display:none}.main{margin-left:72px}.sidebar nav a{justify-content:center}.global-search{width:60vw}.top-actions .profile-menu summary>div:not(.avatar){display:none}.kpi-grid,.professional-grid,.primary-filter,.form-grid,.bottom-metrics{grid-template-columns:1fr}.content{padding:10px}.form-grid .full{grid-column:auto}.two-col{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.page-head,.btn{display:none!important}.main{margin:0}.content{padding:0}.card{border:0;box-shadow:none}}

/* v5.1 clean KPI artwork: dedicated right-side art zone */
.kpi{padding-right:132px}
.kpi-copy{position:relative;z-index:3;min-width:0}
.kpi>img{
  position:absolute!important;
  right:6px!important;
  top:8px!important;
  bottom:auto!important;
  width:118px!important;
  height:132px!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:.82!important;
  mix-blend-mode:screen!important;
  border-radius:9px!important;
  pointer-events:none;
}
@media(max-width:1350px){
  .kpi{padding-right:108px}
  .kpi>img{width:98px!important;height:125px!important;opacity:.72!important}
}

.currency-switch{height:38px;min-width:68px;border:1px solid #2c3641;background:#111720;color:#e8edf2;border-radius:8px;display:grid;place-items:center;padding:0 9px;font-size:10px;font-weight:800;cursor:pointer;list-style:none}.switch-menu{position:relative}.switch-menu summary{list-style:none;cursor:pointer}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#291014,#07090c 48%,#040609)}.login-shell{width:min(430px,92vw)}.login-card{background:linear-gradient(145deg,#121820,#090d12);border:1px solid #303944;border-radius:14px;padding:28px;box-shadow:0 30px 90px #000a;text-align:center}.login-card img{width:260px;max-width:90%;height:130px;object-fit:contain}.login-card h1{margin:8px 0 4px}.login-card p{color:#8994a0;font-size:11px;margin-bottom:22px}.login-card form{display:grid;gap:12px;text-align:left}.login-card label{display:grid;gap:6px;color:#adb6c0;font-size:10px}.login-card .btn{margin-top:4px;padding:12px}.login-card>small{display:block;color:#6f7a85;font-size:9px;margin-top:18px;line-height:1.5}.login-error{border:1px solid #70242a;background:#331318;color:#ff7378;border-radius:7px;padding:9px;margin-bottom:13px;font-size:10px}

.display-currency-banner{display:flex;justify-content:space-between;align-items:center;border:1px solid #31404b;background:#111b24;border-left:3px solid #1d8ee8;border-radius:7px;padding:10px;margin:8px 0}
.display-currency-banner span{font-size:9px;color:#8fa0af}.display-currency-banner b{font-size:17px;color:#fff}
.currency-switch{min-width:76px}


/* v6.3 responsive overhaul */
.mobile-overlay,.mobile-bottom-nav{display:none}

/* Large desktop */
@media(min-width:1500px){
  .content{max-width:1800px;margin:0 auto}
  .kpi{height:156px}
  .dashboard-lower{grid-template-columns:minmax(0,1.55fr) minmax(340px,.55fr)}
}

/* Laptop / small desktop */
@media(max-width:1366px){
  .sidebar{width:218px}
  .main{margin-left:218px}
  .brand img{width:200px}
  .content{padding:14px}
  .kpi{height:142px;padding:14px}
  .kpi-copy strong{font-size:23px}
  .kpi>img{width:108px!important;height:122px!important}
  .search-grid{grid-template-columns:1fr 1fr}
  .dashboard-lower{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr)}
  .professional-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Tablets */
@media(max-width:980px){
  body{padding-bottom:72px}
  .sidebar{
    width:280px!important;
    transform:translateX(-105%);
    transition:transform .22s ease;
    box-shadow:20px 0 50px #000a;
    z-index:100;
    grid-template-rows:98px minmax(0,1fr) 100px 50px;
  }
  .main{margin-left:0!important}
  body.mobile-nav-open .sidebar{transform:translateX(0)}
  .mobile-overlay{
    display:block;position:fixed;inset:0;background:#0009;z-index:90;
    opacity:0;pointer-events:none;transition:opacity .2s ease
  }
  body.mobile-nav-open .mobile-overlay{opacity:1;pointer-events:auto}
  .topbar{height:62px;padding:0 10px;gap:8px}
  .menu-btn{display:grid!important}
  .global-search{width:auto;flex:1;min-width:0}
  .global-search button{padding:0 12px}
  .top-actions{gap:6px}
  .profile-menu summary>div:not(.avatar){display:none}
  .currency-switch{min-width:62px;padding:0 6px}
  .content{padding:12px}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .search-grid,.dashboard-lower,.pos-layout,.two-col{grid-template-columns:1fr!important}
  .professional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bottom-metrics{grid-template-columns:repeat(2,1fr)}
  .checkout-panel{position:static!important}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{min-width:780px}
  .mobile-bottom-nav{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    position:fixed;left:0;right:0;bottom:0;z-index:80;
    background:#0b1016f5;border-top:1px solid #28313b;
    padding:6px 6px max(6px,env(safe-area-inset-bottom));
    backdrop-filter:blur(14px)
  }
  .mobile-bottom-nav a{
    display:grid;place-items:center;gap:2px;color:#8f99a6;font-size:17px;
    min-height:52px;border-radius:9px;position:relative
  }
  .mobile-bottom-nav a.active{color:#fff;background:#1a1115}
  .mobile-bottom-nav small{font-size:8px;max-width:72px;text-align:center;line-height:1.15}
  .mobile-bottom-nav i{
    position:absolute;top:-2px;right:-7px;font-style:normal;font-size:8px;
    background:#e91d24;color:#fff;border-radius:10px;padding:2px 4px
  }
  .bottom-alert{position:relative}
  .bottom-avatar{width:25px;height:25px;border-radius:50%;background:#eee;color:#111;display:grid;place-items:center;font-size:9px;font-weight:800}
  .sidebar nav a{min-height:44px;font-size:13px}
}

/* Phones: Android + iPhone */
@media(max-width:640px){
  body{padding-bottom:74px}
  .sidebar{width:min(88vw,320px)!important}
  .topbar{height:58px}
  .global-search span{width:32px}
  .global-search input{font-size:16px}
  .global-search button{display:none}
  .top-actions .top-icon{display:none}
  .notify{display:none}
  .profile-menu summary>div:not(.avatar){display:none}
  .avatar{width:34px;height:34px}
  .currency-switch{min-width:58px}
  .content{padding:10px 9px 18px}
  .page-head{align-items:flex-start;gap:10px;flex-direction:column;margin-bottom:12px}
  .page-head h1{font-size:21px}
  .page-head p{font-size:10px}
  .page-head>.btn,.page-head form{width:100%}
  .page-head>.btn,.page-head form .btn{width:100%;text-align:center}
  .kpi-grid{grid-template-columns:1fr}
  .kpi{height:126px;padding:13px 104px 13px 13px}
  .kpi-icon{width:42px;height:42px;min-width:42px}
  .kpi-copy strong{font-size:22px;margin:6px 0 4px}
  .kpi>img{width:92px!important;height:108px!important;right:6px!important}
  .search-grid{display:block}
  .search-grid>.card{margin-bottom:10px}
  .tabs{grid-template-columns:repeat(2,1fr)}
  .professional-grid,.primary-filter,.form-grid{grid-template-columns:1fr!important}
  .search-actions,.filter-actions{grid-template-columns:1fr;display:grid}
  .search-actions .btn,.filter-actions .btn{width:100%}
  .bottom-metrics{grid-template-columns:1fr 1fr}
  .bottom-metrics>div{padding:11px}
  .bottom-metrics b{font-size:14px}
  .stock-overview{flex-direction:column}
  .dashboard-lower{display:block}
  .side-stack{margin-top:10px}
  .alert-row{grid-template-columns:38px 1fr auto}
  .alert-row>i{display:none}

  /* Mobile POS */
  .pos-layout{display:block}
  .pos-main{display:block}
  .pos-search-card{margin-bottom:10px}
  .cart-card{margin-bottom:10px}
  .live-search{height:52px}
  .live-search kbd{display:none}
  .pos-results{max-height:42vh}
  .pos-result{padding:11px;align-items:center}
  .pos-result>div:first-child{min-width:0}
  .pos-result small{white-space:normal}
  .checkout-panel{padding-bottom:18px}
  .checkout-btn{position:sticky;bottom:76px;z-index:20;box-shadow:0 8px 28px #000b}
  .two-inputs{grid-template-columns:1fr}
  #cartTable{min-width:660px}

  /* Swipeable wide tables */
  table{min-width:720px}
  .table-wrap{margin:0 -4px;padding-bottom:3px}
  .table-wrap:after{content:"Swipe table →";display:block;color:#697581;font-size:8px;text-align:right;padding:4px 8px}

  /* Touch targets */
  input,select,textarea,.btn{min-height:44px;font-size:16px}
  textarea{min-height:90px}
  .icon-btn{min-width:40px;min-height:40px}
  .card{padding:13px}
  .section-title{align-items:flex-start}
  .section-title h3{font-size:13px}

  /* Login */
  .login-body{padding:18px}
  .login-card{padding:20px}
  .login-card img{height:105px}
  .login-card h1{font-size:22px}
}

/* Very small iPhones */
@media(max-width:390px){
  .content{padding-left:7px;padding-right:7px}
  .kpi{padding-right:92px}
  .kpi>img{width:82px!important}
  .bottom-metrics{grid-template-columns:1fr}
  .currency-switch{min-width:54px;font-size:9px}
  .mobile-bottom-nav small{font-size:7px}
}

/* iOS safe areas */
@supports(padding:max(0px)){
  .mobile-bottom-nav{padding-bottom:max(6px,env(safe-area-inset-bottom))}
}

/* v6.7 custom vehicle combobox — replaces browser datalist/autofill */
.fit-combo-wrap{position:relative;width:100%}
.fit-combo-wrap>.fit-input{width:100%;padding-right:32px}
.fit-combo-wrap:after{content:'▾';position:absolute;right:11px;top:50%;z-index:1;transform:translateY(-50%);color:#9cabb8;font-size:13px;pointer-events:none}
.fit-combo-menu{
  position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:120;
  display:none;max-height:240px;overflow:auto;
  background:#0e141b;border:1px solid #35404b;border-radius:8px;
  box-shadow:0 16px 40px #000c;padding:5px;
}
.fit-combo-menu.open{display:block}
.fit-option{
  display:block;width:100%;border:0;background:transparent;color:#e8edf2;
  text-align:left;padding:9px 10px;border-radius:6px;cursor:pointer;font-size:11px
}
.fit-option:hover,.fit-option.highlight{background:#271319;color:#fff}
@media(max-width:640px){
  .fit-combo-menu{max-height:42vh}
  .fit-option{min-height:44px;font-size:16px;padding:11px}
}

.pos-search-error{border:1px solid #7b2429;background:#2b1115;color:#ff7479;border-radius:8px;padding:12px;display:grid;gap:4px}
.pos-search-error span,.pos-search-error small{color:#d3a4a7;font-size:10px}

.pos-search-button{height:36px;border:0;border-radius:6px;background:linear-gradient(#ef1d25,#b90f15);color:#fff;padding:0 16px;font-weight:700;cursor:pointer}
@media(max-width:640px){.pos-search-button{height:42px;padding:0 13px}}

.server-result{position:relative}
.server-result.added{border-color:#2c8b55!important;box-shadow:0 0 0 2px #2c8b5522}
.added-badge{position:absolute;right:10px;top:10px;background:#20b868;color:#fff;border-radius:12px;padding:3px 7px;font-size:9px;font-weight:800}
.cart-card-active{border-color:#315744!important;box-shadow:0 0 0 2px #1ea75f14,0 10px 30px #0004}

.cart-line{background:#0f151c}
.cart-line:hover{background:#121b24}
.server-result{cursor:pointer}
.server-result:active{transform:scale(.995)}

.selected-payment-due{
  display:flex;justify-content:space-between;align-items:center;
  border:1px solid #36414c;background:#121922;border-radius:7px;
  padding:10px;margin:9px 0
}
.selected-payment-due span{font-size:9px;color:#8e9aa7}
.selected-payment-due b{font-size:17px;color:#fff}

/* v6.17 clean thermal receipt */
.receipt-body{
  margin:0;
  padding:18px;
  background:#171b20;
  color:#111;
  font-family:Arial,Helvetica,sans-serif;
}
.receipt-paper{
  width:80mm;
  max-width:80mm;
  margin:0 auto;
  background:#fff;
  color:#111;
  padding:8mm 5mm;
  box-sizing:border-box;
  font-size:12px;
  line-height:1.35;
}
.receipt-header{text-align:center}
.receipt-header h1{
  margin:0 0 8px;
  font-size:18px;
  letter-spacing:.4px;
}
.receipt-header p{
  margin:2px 0;
  font-size:11px;
}
.receipt-separator{
  border-top:1px dashed #555;
  margin:10px 0;
}
.receipt-meta{
  display:grid;
  gap:4px;
}
.receipt-meta>div,
.receipt-totals>div{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.receipt-meta span,
.receipt-totals span{
  color:#333;
}
.receipt-meta b,
.receipt-totals b{
  text-align:right;
  overflow-wrap:anywhere;
}
.receipt-items{
  display:grid;
  gap:9px;
}
.receipt-item{
  padding-bottom:7px;
  border-bottom:1px dotted #aaa;
}
.receipt-item:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.receipt-item-top,
.receipt-item-sub{
  display:flex;
  justify-content:space-between;
  gap:10px;
}
.receipt-item-top{
  font-size:12px;
  font-weight:700;
}
.receipt-item-sub{
  margin-top:3px;
  color:#555;
  font-size:10px;
}
.receipt-total-line{
  margin-top:6px;
  padding-top:6px;
  border-top:1px solid #333;
  font-size:14px;
}
.receipt-totals{
  display:grid;
  gap:5px;
}
.receipt-footer{
  text-align:center;
}
.receipt-footer p{
  margin:0 0 5px;
  font-size:11px;
}
.receipt-footer small{
  color:#666;
  font-size:9px;
}
.receipt-actions{
  width:80mm;
  margin:12px auto;
  display:flex;
  gap:8px;
}
.receipt-actions button,
.receipt-actions a{
  flex:1;
  border:0;
  border-radius:6px;
  padding:10px;
  text-align:center;
  background:#d71920;
  color:#fff;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
}
.receipt-actions a{background:#232a32}

@media print{
  @page{
    size:80mm auto;
    margin:0;
  }
  html,body{
    width:80mm;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }
  .receipt-body{
    padding:0!important;
    background:#fff!important;
  }
  .receipt-paper{
    width:80mm!important;
    max-width:80mm!important;
    margin:0!important;
    padding:5mm 4mm!important;
    box-shadow:none!important;
  }
  .no-print{display:none!important}
}

.warranty-sale-card{border:1px solid #57242a!important;margin:12px 0}.warranty-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.warranty-head h3{margin:0;font-size:13px}.warranty-head h3 span{font-size:10px;font-weight:400;color:#8995a2}.warranty-head small{display:block;color:#84909c;font-size:9px;margin-top:4px}.warranty-toggle{display:flex!important;align-items:center;gap:8px!important;cursor:pointer}.warranty-toggle input{width:18px;height:18px;accent-color:#e51b23}.warranty-fields{display:grid;grid-template-columns:.7fr 1.3fr;gap:12px;margin-top:14px}.warranty-fields.disabled{opacity:.42}.warranty-fields textarea{min-height:76px}.receipt-policy h3{font-size:11px;margin:0 0 4px}.receipt-policy p{font-size:9px;line-height:1.4;margin:0}@media(max-width:640px){.warranty-head{flex-direction:column;align-items:flex-start}.warranty-fields{grid-template-columns:1fr}}

.mixed-currency-note{font-size:9px;color:#7f8a96;margin-top:5px}

.sale-error-banner{border:1px solid #7a272d;background:#321318;color:#ff8589;border-radius:8px;padding:10px 12px;margin-bottom:10px;font-size:11px;font-weight:700}

/* v6.22 professional Champion Auto Parts receipt */
.receipt-pro-body{
  margin:0;padding:20px;background:#171a1f;color:#111;
  font-family:Arial,Helvetica,sans-serif
}
.receipt-pro-paper{
  width:80mm;max-width:80mm;margin:0 auto;background:#fff;color:#111;
  padding:6mm 5mm;box-sizing:border-box;font-size:10px;line-height:1.35;
  border-top:5px solid #d31820
}
.receipt-pro-header{
  display:flex;align-items:center;justify-content:center;gap:9px;text-align:left
}
.receipt-pro-brandmark{
  width:34px;height:34px;border:2px solid #111;border-radius:50%;
  display:grid;place-items:center;font-size:18px
}
.receipt-pro-header h1{
  margin:0;font-size:17px;letter-spacing:.4px;line-height:1
}
.receipt-pro-tagline{
  margin:3px 0 0;font-size:8px;color:#666;letter-spacing:.6px;text-transform:uppercase
}
.receipt-pro-contact{
  margin:8px 0 10px;text-align:center;font-size:9px;color:#333
}
.receipt-pro-title{
  border-top:2px solid #111;border-bottom:2px solid #111;
  padding:7px 0;margin:8px 0 10px;display:flex;justify-content:space-between;align-items:center
}
.receipt-pro-title span{font-size:13px;font-weight:900;letter-spacing:1px}
.receipt-pro-title b{font-size:8px;max-width:46%;text-align:right;overflow-wrap:anywhere}
.receipt-pro-info{
  display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin-bottom:10px
}
.receipt-pro-info div{display:flex;justify-content:space-between;gap:6px}
.receipt-pro-info span{color:#666}
.receipt-pro-info b{text-align:right;font-size:9px}
.receipt-pro-items{
  margin-top:8px;border-top:1px dashed #777;border-bottom:1px dashed #777;padding:7px 0
}
.receipt-pro-items-head,.receipt-pro-item-main{
  display:grid;grid-template-columns:minmax(0,1.65fr) .38fr .58fr .65fr;gap:5px;align-items:start
}
.receipt-pro-items-head{
  background:#111;color:#fff;padding:5px 4px;font-weight:800;font-size:8px
}
.receipt-pro-item{padding:7px 4px;border-bottom:1px dotted #bbb}
.receipt-pro-item:last-child{border-bottom:0}
.receipt-pro-item-main>span:nth-child(n+2){text-align:right}
.receipt-pro-item-main b{display:block;font-size:9px}
.receipt-pro-item-main small{display:block;color:#666;font-size:7px;margin-top:2px}
.receipt-pro-summary{padding:8px 0;border-bottom:1px dashed #777}
.receipt-pro-summary>div,.receipt-pro-payment>div{
  display:flex;justify-content:space-between;gap:10px;margin:3px 0
}
.receipt-pro-summary span,.receipt-pro-payment span{color:#444}
.receipt-pro-grand{
  border-top:1px solid #111;margin-top:6px!important;padding-top:6px!important;
  font-size:13px;font-weight:900
}
.receipt-pro-payment{
  margin:9px 0;padding:8px;border:1.5px solid #111;border-radius:3px
}
.receipt-pro-payment-title{
  font-weight:900!important;font-size:10px!important;letter-spacing:.8px;
  padding-bottom:5px;margin-bottom:5px!important;border-bottom:1px solid #aaa
}
.receipt-pro-payment-title,.receipt-pro-payment-title span{color:#111!important}
.receipt-pro-change{
  margin-top:6px!important;padding-top:6px;border-top:1px dashed #999;
  font-size:11px;font-weight:900
}
.receipt-pro-policy{
  margin:8px 0;padding:7px 8px;border-left:3px solid #111;background:#f5f5f5
}
.receipt-pro-warranty{border-left-color:#d31820;background:#fff5f5}
.receipt-pro-policy h3{margin:0 0 4px;font-size:9px;letter-spacing:.4px}
.receipt-pro-policy p{margin:0;font-size:8px;line-height:1.4;color:#333}
.receipt-pro-code{text-align:center;margin:10px 0 7px}
.receipt-pro-barcode{height:34px;overflow:hidden}
.receipt-pro-barcode svg{width:100%;height:34px;display:block}
.receipt-pro-code small{display:block;font-size:7px;color:#666;margin-top:2px}
.receipt-pro-footer{
  text-align:center;border-top:2px solid #111;padding-top:8px;margin-top:8px
}
.receipt-pro-footer strong{display:block;font-size:9px;letter-spacing:.4px}
.receipt-pro-footer span{display:block;font-size:8px;color:#666;margin-top:3px}
.receipt-pro-actions{
  width:80mm;max-width:80mm;margin:12px auto;display:flex;gap:8px
}
.receipt-pro-actions button,.receipt-pro-actions a{
  flex:1;border:0;border-radius:6px;padding:10px;text-align:center;
  text-decoration:none;font-weight:800;cursor:pointer
}
.receipt-pro-actions button{background:#d31820;color:#fff}
.receipt-pro-actions a{background:#2a3037;color:#fff}

@media print{
  @page{size:80mm auto;margin:0}
  html,body{width:80mm!important;margin:0!important;padding:0!important;background:#fff!important}
  .receipt-pro-body{padding:0!important;background:#fff!important}
  .receipt-pro-paper{
    width:80mm!important;max-width:80mm!important;margin:0!important;
    padding:4mm 4mm!important;border-top:4px solid #111!important
  }
  .no-print{display:none!important}
}

/* v6.23 SNBC 80mm safe-print override
   Uses a 70mm content width inside 80mm paper to avoid edge clipping
   on SNBC drivers/printers with non-printable side margins. */
.receipt-pro-paper{
  width:70mm!important;
  max-width:70mm!important;
  padding:4mm 3mm!important;
  overflow:hidden!important;
}
.receipt-pro-actions{
  width:70mm!important;
  max-width:70mm!important;
}
.receipt-pro-header{
  gap:6px!important;
}
.receipt-pro-brandmark{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-width:1.5px!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.4px!important;
}
.receipt-pro-header h1{
  font-size:14px!important;
  letter-spacing:.15px!important;
  white-space:nowrap!important;
}
.receipt-pro-tagline{
  font-size:6.8px!important;
  letter-spacing:.2px!important;
}
.receipt-pro-title span{
  font-size:11px!important;
}
.receipt-pro-title b{
  font-size:7px!important;
  max-width:44%!important;
}
.receipt-pro-info{
  gap:3px 7px!important;
}
.receipt-pro-info b{
  font-size:8px!important;
  max-width:65%!important;
  overflow-wrap:anywhere!important;
}
.receipt-pro-items-head,
.receipt-pro-item-main{
  grid-template-columns:minmax(0,1.55fr) .30fr .54fr .60fr!important;
  gap:3px!important;
}
.receipt-pro-items-head{
  font-size:7px!important;
  padding:4px 3px!important;
}
.receipt-pro-item{
  padding:6px 3px!important;
}
.receipt-pro-item-main b{
  font-size:8px!important;
  overflow-wrap:anywhere!important;
}
.receipt-pro-item-main small{
  font-size:6.5px!important;
  overflow-wrap:anywhere!important;
}
.receipt-pro-item-main>span:nth-child(2),
.receipt-pro-item-main>span:nth-child(3),
.receipt-pro-item-main>span:nth-child(4){
  white-space:nowrap!important;
  font-size:7.5px!important;
}
.receipt-pro-summary>div,
.receipt-pro-payment>div{
  gap:6px!important;
}
.receipt-pro-summary b,
.receipt-pro-payment b{
  white-space:nowrap!important;
  font-size:8.5px!important;
}
.receipt-pro-grand{
  font-size:11px!important;
}
.receipt-pro-payment{
  padding:6px!important;
}
.receipt-pro-policy{
  padding:6px!important;
}
.receipt-pro-barcode{
  width:100%!important;
  max-width:64mm!important;
  margin:0 auto!important;
}
.receipt-pro-barcode svg{
  width:100%!important;
  max-width:64mm!important;
  height:28px!important;
}
.receipt-pro-footer strong{
  font-size:8px!important;
}
.receipt-pro-footer span{
  font-size:7px!important;
}

/* Hard print boundaries for SNBC 80mm printers */
@media print{
  @page{
    size:80mm auto!important;
    margin:0!important;
  }
  html,body{
    width:80mm!important;
    max-width:80mm!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:#fff!important;
  }
  .receipt-pro-body{
    width:80mm!important;
    max-width:80mm!important;
    padding:0!important;
    margin:0!important;
    background:#fff!important;
  }
  .receipt-pro-paper{
    width:70mm!important;
    max-width:70mm!important;
    margin:0 auto!important;
    padding:3mm 2.5mm!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    border-top:3px solid #111!important;
  }
  .receipt-pro-actions{
    display:none!important;
  }
}

/* v6.24 SNBC physical-edge correction
   Photo showed right-edge clipping even with 70mm content.
   Use a conservative 64mm printable content block and bias it left. */
@media print{
  @page{size:80mm auto!important;margin:0!important}
  html,body{
    width:80mm!important;max-width:80mm!important;
    margin:0!important;padding:0!important;background:#fff!important;
    overflow:hidden!important
  }
  .receipt-pro-body{
    width:80mm!important;max-width:80mm!important;
    margin:0!important;padding:0!important;overflow:hidden!important
  }
  .receipt-pro-paper{
    width:64mm!important;max-width:64mm!important;
    margin-left:4mm!important;margin-right:12mm!important;
    padding:2.5mm 2mm!important;
    box-sizing:border-box!important;overflow:hidden!important;
    border-top:2px solid #111!important
  }

  /* Single-column transaction metadata avoids right-side cutoff */
  .receipt-pro-info{
    grid-template-columns:1fr!important;
    gap:2px!important
  }
  .receipt-pro-info div{
    display:grid!important;
    grid-template-columns:22mm minmax(0,1fr)!important;
    gap:3mm!important
  }
  .receipt-pro-info span{font-size:7.5px!important}
  .receipt-pro-info b{
    text-align:left!important;font-size:7.5px!important;
    max-width:none!important;white-space:normal!important;
    overflow-wrap:anywhere!important
  }

  .receipt-pro-title{
    display:block!important;padding:5px 0!important
  }
  .receipt-pro-title span{display:block!important;font-size:10px!important}
  .receipt-pro-title b{
    display:block!important;max-width:none!important;text-align:left!important;
    margin-top:2px!important;font-size:6.5px!important;overflow-wrap:anywhere!important
  }

  /* Give the rightmost total more breathing room */
  .receipt-pro-items-head,.receipt-pro-item-main{
    grid-template-columns:minmax(0,1.6fr) 7mm 13mm 13mm!important;
    gap:1.5mm!important
  }
  .receipt-pro-items-head{font-size:6.3px!important;padding:3px 2px!important}
  .receipt-pro-item-main>span:nth-child(n+2){
    font-size:6.8px!important;text-align:right!important;white-space:nowrap!important
  }
  .receipt-pro-summary,.receipt-pro-payment{
    width:100%!important;box-sizing:border-box!important
  }
  .receipt-pro-summary>div,.receipt-pro-payment>div{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    gap:3mm!important
  }
  .receipt-pro-summary b,.receipt-pro-payment b{
    text-align:right!important;white-space:nowrap!important;
    padding-right:1mm!important
  }
  .receipt-pro-barcode{max-width:56mm!important}
  .receipt-pro-barcode svg{max-width:56mm!important}
}


/* v6.26 New Purchase layout */
.purchase-form{display:grid;gap:14px}
.purchase-header-card,.purchase-items-card{margin:0}
.purchase-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.purchase-section-title h3,.purchase-items-toolbar h3{margin:0 0 4px;font-size:15px}
.purchase-section-title small,.purchase-items-toolbar small{font-size:10px;color:#8995a1}
.purchase-header-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:14px}
.purchase-items-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.purchase-add-btn{width:auto;min-width:120px;white-space:nowrap}
.purchase-table-wrap{overflow-x:auto;border:1px solid #25303b;border-radius:8px;background:#0c1117}
.purchase-table{min-width:760px}
.purchase-table th:last-child,.purchase-table td:last-child{text-align:right}
.purchase-table select{min-width:260px}
.purchase-table input[type="number"]{min-width:90px}
.purchase-message{min-height:18px;margin-top:8px;font-size:10px}
.purchase-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding-top:14px;margin-top:8px;border-top:1px solid #26313c}
.purchase-total-box{display:flex;flex-direction:column;gap:4px;min-width:180px}
.purchase-total-box span{font-size:10px;color:#8995a1;font-weight:700;letter-spacing:.04em}
.purchase-total-box b{font-size:24px;line-height:1;color:#fff}
.purchase-footer-actions{display:flex;justify-content:flex-end;gap:10px}
.purchase-footer-actions .btn{width:auto;min-width:110px}
.purchase-save-btn{min-width:190px!important}
@media(max-width:800px){
  .purchase-page-head{align-items:flex-start;gap:10px}
  .purchase-page-head>a{display:none}
  .purchase-header-grid{grid-template-columns:1fr}
  .purchase-items-toolbar{align-items:flex-start;flex-direction:column}
  .purchase-add-btn{width:100%}
  .purchase-footer{align-items:stretch;flex-direction:column}
  .purchase-total-box{min-width:0;padding:12px;border:1px solid #2b3641;border-radius:8px;background:#111821}
  .purchase-footer-actions{display:grid;grid-template-columns:1fr}
  .purchase-footer-actions .btn,.purchase-save-btn{width:100%!important;min-width:0!important;text-align:center}
}


/* v6.28 professional reports */
.report-page-head{align-items:center}.report-head-actions{display:flex;gap:8px;flex-wrap:wrap}.report-filter-card{margin-bottom:12px}.report-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) auto;gap:12px;align-items:end}.report-filter-actions{display:flex;align-items:end}.report-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.report-kpi{background:linear-gradient(145deg,#121922,#0d131a);border:1px solid #2b3540;border-radius:10px;padding:15px;min-height:82px;display:flex;flex-direction:column;justify-content:center}.report-kpi small{color:#8e99a6;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.report-kpi strong{font-size:21px;margin-top:6px;color:#fff}.report-table-card{padding:0;overflow:hidden}.report-table-title{padding:14px 16px;border-bottom:1px solid #27313b;display:flex;justify-content:space-between;align-items:center}.report-table-title h3{margin:0;font-size:14px}.report-table-title small{color:#82909d}.report-table-wrap{overflow:auto}.report-empty{text-align:center;padding:32px 12px;color:#dfe4e8}.report-empty small{display:block;color:#7f8b97;margin-top:5px}
@media(max-width:900px){.report-filter-grid{grid-template-columns:1fr 1fr}.report-filter-actions{grid-column:1/-1}.report-kpis{grid-template-columns:1fr}.report-head-actions{width:100%;margin-top:10px}.report-page-head{align-items:flex-start;flex-direction:column}}
@media print{.report-filter-card,.report-head-actions,.mobile-bottom-nav{display:none!important}.report-kpis{grid-template-columns:repeat(3,1fr)!important}.report-table-card{border:1px solid #bbb!important}.report-table-wrap{overflow:visible}.report-kpi{background:#fff!important;color:#111!important;border:1px solid #bbb!important}.report-kpi strong,.report-kpi small{color:#111!important}table{font-size:9px}th,td{color:#111!important;background:#fff!important;border-color:#ccc!important}}


/* v6.30 professional settings center */
.settings-page-head{align-items:center}.settings-head-badges{display:flex;gap:7px;flex-wrap:wrap}.settings-alert{margin-bottom:12px}.alert.success{border:1px solid #235d3d;background:#10291c;color:#67df99;border-radius:8px;padding:10px 12px}.settings-pro-form{display:grid;gap:14px}.settings-pro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-section{padding:18px}.settings-section-head{display:flex;gap:11px;align-items:center;padding-bottom:13px;margin-bottom:14px;border-bottom:1px solid #25303a}.settings-section-head h3{margin:0;font-size:14px}.settings-section-head small{display:block;color:#84919e;font-size:9px;margin-top:3px}.settings-icon{width:38px;height:38px;border:1px solid #303c48;background:#141c24;border-radius:9px;display:grid;place-items:center;font-size:17px}.settings-fields{display:grid;gap:11px}.settings-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-fields .full{grid-column:1/-1}.settings-fields label{display:grid;gap:6px;font-size:10px;color:#b2bbc5}.settings-fields label small{color:#74818e;font-size:8px;line-height:1.35}.settings-check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;border:1px solid #2b3742;background:#111820;border-radius:8px;padding:11px}.settings-check input{width:18px;height:18px;accent-color:#e51b23;margin-top:1px}.settings-check span{display:grid;gap:3px}.settings-check b{font-size:10px}.settings-rate-preview{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:13px;padding:10px;border:1px solid #2a3540;background:#111820;border-radius:8px}.settings-rate-preview span{color:#84919e;font-size:9px}.settings-rate-preview b{font-size:11px}.settings-sticky-save{position:sticky;bottom:10px;z-index:10;display:flex;align-items:center;justify-content:flex-end;gap:9px;border:1px solid #34404c;background:#0d131af2;backdrop-filter:blur(10px);box-shadow:0 12px 35px #0008;border-radius:10px;padding:11px 13px}.settings-sticky-save>div{margin-right:auto;display:grid;gap:2px}.settings-sticky-save strong{font-size:10px}.settings-sticky-save small{font-size:8px;color:#7f8b97}.settings-safety-note{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:14px;border:1px solid #303a45;border-left:3px solid #ed1b22;background:#111821;border-radius:8px;padding:12px;font-size:9px}.settings-safety-note span{color:#8d99a6}.settings-safety-note a{color:#e8edf2;font-weight:800}.receipt-width-58 .receipt-pro-paper{width:58mm;max-width:58mm;padding:4mm 3mm;font-size:9px}.receipt-width-58 .receipt-pro-header h1{font-size:14px}.receipt-width-58 .receipt-pro-brandmark{width:28px;height:28px;font-size:14px}.receipt-width-58 .receipt-pro-info{grid-template-columns:1fr}.receipt-width-58 .receipt-pro-items-head,.receipt-width-58 .receipt-pro-item-main{grid-template-columns:minmax(0,1.45fr) .32fr .55fr .62fr;gap:3px}
@media(max-width:900px){.settings-pro-grid{grid-template-columns:1fr}.settings-sticky-save{position:static;flex-wrap:wrap}.settings-sticky-save>div{width:100%;margin-right:0}.settings-safety-note{grid-template-columns:1fr}.settings-safety-note a{justify-self:start}}
@media(max-width:560px){.settings-fields.two{grid-template-columns:1fr}.settings-fields .full{grid-column:auto}.settings-head-badges{display:none}.settings-sticky-save .btn{flex:1}}


/* v6.31 professional administration, audit and backup center */
.admin-page-head{align-items:center}.admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}.admin-kpis>div{border:1px solid #29333e;background:linear-gradient(145deg,#121820,#0c1117);border-radius:11px;padding:14px 16px;min-height:72px}.admin-kpis small{display:block;color:#7f8b98;font-size:9px;font-weight:800;letter-spacing:.8px}.admin-kpis strong{display:block;margin-top:6px;font-size:22px}.admin-grid{display:grid;grid-template-columns:minmax(270px,.65fr) minmax(600px,1.7fr);gap:14px}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.section-head h3{margin:0}.section-head small{display:block;color:#84909c;margin-top:4px}.admin-form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.user-admin-list{display:grid;gap:10px}.user-admin-row{border:1px solid #28323d;background:#0c1117;border-radius:10px;padding:12px}.user-admin-identity{display:flex;align-items:center;gap:10px;margin-bottom:10px}.user-admin-identity .avatar{width:35px;height:35px}.user-admin-identity>div:nth-child(2){min-width:0;flex:1}.user-admin-identity strong,.user-admin-identity small{display:block}.user-admin-identity small{color:#7f8b98;margin-top:2px}.user-admin-controls{display:grid;grid-template-columns:1.45fr 1.15fr .75fr .58fr .65fr auto;gap:7px;align-items:center}.user-password-reset{display:flex;justify-content:flex-end;gap:7px;margin-top:8px}.user-password-reset input{max-width:190px}.audit-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.audit-filter-card{margin-bottom:14px}.audit-filter-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr .8fr auto;gap:9px;align-items:end}.audit-filter-grid label{display:grid;gap:5px}.mono-cell{font-variant-numeric:tabular-nums;white-space:nowrap}.audit-details{max-width:440px;white-space:normal;overflow-wrap:anywhere}.admin-empty{display:grid;gap:4px;text-align:center;padding:28px;color:#aeb7c1}.admin-empty small{color:#768391}.backup-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.backup-date{font-size:14px!important}.backup-pro-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(520px,1.3fr);gap:14px}.danger-badge{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;color:#ff7f83;border:1px solid #6f292e;background:#2a1115;padding:5px 7px;border-radius:999px}.restore-safety-list{display:grid;gap:8px;margin:5px 0 16px}.restore-safety-list>div{display:grid;grid-template-columns:25px 1fr;gap:9px;align-items:center;color:#a7b1bc;font-size:10px}.restore-safety-list b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#151e27;border:1px solid #34414d}.btn.danger{background:#8b1e25;border-color:#b02a33;color:#fff}.backup-pro-list{display:grid;gap:8px}.backup-pro-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #27323c;background:#0c1117;border-radius:9px;padding:11px}.backup-pro-row strong,.backup-pro-row small{display:block;overflow-wrap:anywhere}.backup-pro-row small{color:#7f8b98;margin-top:3px}.alert.success{border-color:#216848;background:#0f2b20;color:#73e2ad}
@media(max-width:1150px){.admin-grid,.backup-pro-grid{grid-template-columns:1fr}.user-admin-controls{grid-template-columns:repeat(3,1fr)}.audit-filter-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.admin-kpis,.audit-kpis,.backup-kpis{grid-template-columns:1fr 1fr}.user-admin-controls,.audit-filter-grid,.admin-form-two{grid-template-columns:1fr}.user-password-reset{justify-content:stretch}.user-password-reset input{max-width:none;flex:1}}


/* v6.32 per-user access control */
.access-explainer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;margin-bottom:14px;border-left:3px solid var(--red)}
.access-explainer>div:first-child{display:grid;gap:4px}.access-explainer span{font-size:10px;color:var(--muted);line-height:1.45}.access-legend{display:flex;gap:8px;white-space:nowrap}.access-legend span{border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:#cbd4dc;background:#111820}
.access-admin-grid{grid-template-columns:minmax(330px,.72fr) minmax(620px,1.55fr);align-items:start}.permission-builder{border:1px solid var(--line);border-radius:10px;padding:12px;background:#0a0f14}.permission-builder-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.permission-builder-head>div:first-child{display:grid;gap:3px}.permission-builder-head small{color:var(--muted);font-size:9px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.permission-option{display:flex!important;align-items:flex-start!important;gap:9px!important;border:1px solid #26313b;border-radius:8px;padding:9px!important;background:#10161d;cursor:pointer;min-height:58px}.permission-option:hover{border-color:#465563;background:#131b23}.permission-option input{width:17px!important;height:17px!important;min-width:17px;margin-top:2px;accent-color:var(--red)}.permission-option span{display:grid;gap:2px}.permission-option b{font-size:10px;color:#eef2f5}.permission-option small{font-size:8.5px;color:#81909d;line-height:1.35}.access-user-row{gap:10px}.permission-editor{border-top:1px solid var(--line);padding-top:9px}.permission-editor summary{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:7px 2px}.permission-editor summary>div{display:grid;gap:2px}.permission-editor summary small{font-size:9px;color:var(--muted)}.permission-editor summary>span{font-size:9px;color:#d4dce3}.permission-form{margin-top:9px}.permission-actions{display:flex;justify-content:flex-end;margin-top:10px}.permission-reset-form{display:flex;align-items:center;gap:10px;margin-top:8px}.permission-reset-form small{font-size:8.5px;color:var(--muted)}.admin-full-access{display:flex;justify-content:space-between;align-items:center;border:1px solid #28543f;background:#10261c;border-radius:8px;padding:10px 12px}.admin-full-access>div{display:grid;gap:3px}.admin-full-access b{font-size:10px}.admin-full-access small{font-size:8.5px;color:#91ad9c}.admin-full-access>span{font-size:8px;font-weight:800;border:1px solid #3b7659;border-radius:999px;padding:5px 8px;color:#8be0ad}.global-search-disabled{display:flex;align-items:center;gap:8px;color:#71808c;font-size:9px}
@media(max-width:1250px){.access-admin-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.permission-grid{grid-template-columns:1fr}.permission-builder-head,.access-explainer{align-items:flex-start;flex-direction:column}.permission-reset-form{align-items:flex-start;flex-direction:column}}

/* Categories v6.35 */
.category-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.category-kpis>div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:15px 16px}.category-kpis small{display:block;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:6px}.category-kpis strong{font-size:25px}.category-layout{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:16px;align-items:start}.category-create-card{position:sticky;top:76px}.category-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.category-toolbar h3{margin:0 0 3px}.category-toolbar small{color:var(--muted)}.category-search{display:flex;gap:7px;align-items:center}.category-search input{min-width:220px}.category-table td{vertical-align:middle}.category-name-cell{display:flex;flex-direction:column;gap:3px;min-width:190px}.category-name-cell small{color:var(--muted);max-width:320px}.category-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.category-actions details{position:relative}.category-actions summary{list-style:none;cursor:pointer}.category-actions summary::-webkit-details-marker{display:none}.category-edit-panel{position:absolute;right:0;z-index:20;width:280px;padding:12px;margin-top:6px;background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 30px rgba(0,0,0,.35)}.category-note{margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);display:flex;align-items:center;gap:10px}.category-note span{color:var(--muted);flex:1}.btn.danger{border-color:rgba(237,23,31,.5);color:#ff7a7f}.btn:disabled{opacity:.4;cursor:not-allowed}.empty-state{text-align:center;color:var(--muted);padding:28px!important}@media(max-width:1000px){.category-kpis{grid-template-columns:repeat(2,1fr)}.category-layout{grid-template-columns:1fr}.category-create-card{position:static}.category-toolbar{align-items:flex-start;flex-direction:column}.category-search{width:100%;flex-wrap:wrap}.category-search input{min-width:0;flex:1}}@media(max-width:600px){.category-kpis{grid-template-columns:1fr 1fr}.category-actions{flex-wrap:wrap}.category-note{align-items:flex-start;flex-direction:column}.category-edit-panel{left:0;right:auto;width:min(280px,calc(100vw - 48px))}}

/* v6.40 Workshop */
.work-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.work-kpis .kpi{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px}.work-kpis small{display:block;color:var(--muted);margin-bottom:8px}.work-kpis strong{font-size:24px}.work-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(300px,.8fr);gap:16px;margin-bottom:16px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title a{color:var(--red)}.kanban{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:10px;overflow-x:auto}.kanban-col{min-width:180px;border-left:1px solid var(--line);padding-left:10px}.kanban-col:first-child{border-left:0}.kanban-col h3{font-size:13px;margin:0 0 10px;display:flex;justify-content:space-between}.kanban-col h3 span{background:#222a34;border-radius:20px;padding:2px 7px;color:var(--muted)}.job-card{display:flex;flex-direction:column;gap:5px;background:#0a0e13;border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:8px;color:var(--text);text-decoration:none}.job-card:hover{border-color:#7b2227}.job-card b{font-size:11px;color:#b7c0ca}.job-card strong{font-size:13px}.job-card span,.job-card small{color:var(--muted);font-size:11px}.appointment-row{display:grid;grid-template-columns:68px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.appointment-row div{display:flex;flex-direction:column;gap:3px}.appointment-row span{font-size:11px;color:var(--muted)}.appointment-row em{font-style:normal;font-size:11px;background:#202833;border-radius:5px;padding:4px 7px}.work-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.7fr);gap:16px;margin-bottom:16px}.job-summary>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}.job-summary .grand{font-size:18px;color:#fff}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.inline-form,.labor-form{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.inline-form select,.labor-form input{flex:1;min-width:100px}.labor-form input:first-child{flex:2}.status-chip{display:inline-block;background:#1b2633;border:1px solid #2d3c4d;border-radius:5px;padding:3px 7px;font-size:11px}.empty-mini,.empty-state{color:var(--muted);font-size:12px;padding:12px}.helper-note{margin-top:12px;color:var(--muted)}table small{display:block;color:var(--muted);margin-top:3px}@media(max-width:1100px){.work-kpis{grid-template-columns:repeat(2,1fr)}.work-layout,.work-detail-grid,.two-panels{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(5,220px)}}@media(max-width:600px){.work-kpis{grid-template-columns:1fr 1fr}.appointment-row{grid-template-columns:58px 1fr}.appointment-row em{grid-column:2}.labor-form,.inline-form{align-items:stretch}.labor-form>* ,.inline-form>*{width:100%;flex:none}}

/* v6.41 Workshop dashboard reference-match */
.workshop-hero{display:flex;align-items:center;justify-content:space-between;margin:-4px 0 14px}.workshop-title{display:flex;align-items:center;gap:11px}.workshop-title>span{font-size:17px}.workshop-hero h1{font-size:18px;margin:0 0 2px}.workshop-hero p{margin:0;color:var(--muted);font-size:11px}.ws-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.ws-kpi{min-height:90px;background:linear-gradient(145deg,#111820,#0c1117);border:1px solid #27313c;border-radius:8px;padding:14px;display:flex;gap:12px;align-items:center;box-shadow:inset 0 1px rgba(255,255,255,.02)}.ws-kpi i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:18px;background:#18212b}.ws-kpi i.red{color:#ff333a;background:#34171b}.ws-kpi i.blue{background:#122b49}.ws-kpi i.orange{background:#38230f}.ws-kpi i.amber{background:#382d0d}.ws-kpi i.green{background:#14361a}.ws-kpi div{min-width:0;display:flex;flex-direction:column;gap:3px}.ws-kpi small{color:#c6ccd3;font-size:11px}.ws-kpi strong{font-size:23px;line-height:1.1}.ws-kpi span,.ws-kpi a{font-size:10px;color:var(--muted);text-decoration:none}.ws-kpi a,.orange-text{color:#ffae00!important}.green-text{color:#35d04b!important}.ws-main-grid{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(310px,.85fr);gap:12px;margin-bottom:12px}.ws-side{display:flex;flex-direction:column;gap:12px}.ws-panel{background:linear-gradient(150deg,#0f151c,#0b1016);border:1px solid #27313c;border-radius:8px;overflow:hidden}.ws-panel>header{height:40px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27313c}.ws-panel>header b{font-size:12px}.ws-panel>header a{font-size:10px;color:#ff2e35;text-decoration:none}.ws-kanban{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));min-height:370px;overflow-x:auto}.ws-col{padding:9px;border-right:1px solid #27313c}.ws-col:last-child{border-right:0}.ws-col h3{margin:0 0 9px;font-size:11px;display:flex;justify-content:space-between;align-items:center}.ws-col h3 span{background:#222a34;padding:2px 7px;border-radius:20px;color:#d7dce1}.ws-col.col-2 h3{color:#35a7ff}.ws-col.col-3 h3,.ws-col.col-4 h3{color:#ffae00}.ws-col.col-5 h3{color:#42db51}.ws-job{display:flex;flex-direction:column;gap:4px;background:linear-gradient(145deg,#151c24,#11171e);border:1px solid #303a45;border-radius:7px;padding:9px;margin-bottom:7px;color:#f5f7fa;text-decoration:none;box-shadow:0 4px 10px rgba(0,0,0,.18);transition:.15s}.ws-job:hover{border-color:#7c3438;transform:translateY(-1px)}.ws-job>div{display:flex;justify-content:space-between}.ws-job em{font-style:normal;color:#aab3bc}.ws-job b,.ws-job span,.ws-job small,.ws-job time{font-size:10px}.ws-job strong{font-size:11px}.ws-job span,.ws-job small,.ws-job time{color:#b2bbc5}.ws-job time{text-align:right}.ws-appt{display:grid;grid-template-columns:8px 58px 1fr 1fr auto;gap:8px;align-items:center;padding:12px 13px;border-bottom:1px solid #242d37;font-size:10px}.ws-appt>i{width:7px;height:7px;background:#838e9a;border-radius:50%}.ws-appt:nth-child(2)>i{background:#31c94a}.ws-appt:nth-child(3)>i{background:#298cff}.ws-appt:nth-child(4)>i{background:#ff8a13}.ws-appt div{display:flex;flex-direction:column}.ws-appt span,.ws-appt small{color:#aeb7c0}.ws-appt em{font-style:normal;background:#202833;padding:4px 7px;border-radius:4px;color:#dce2e8}.summary-body{display:grid;grid-template-columns:125px 1fr;align-items:center;gap:10px;padding:14px}.donut{width:105px;height:105px;border-radius:50%;background:conic-gradient(#35b84b 0 43%,#2585e8 43% 75%,#ff8a12 75% 89%,#7835b6 89%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.donut:before{content:"";position:absolute;width:67px;height:67px;background:#10161d;border-radius:50%}.donut strong,.donut span{position:relative;z-index:1}.donut strong{font-size:21px}.donut span{font-size:9px}.legend{display:flex;flex-direction:column;gap:8px;font-size:9px}.legend span{display:grid;grid-template-columns:10px 1fr auto;gap:5px}.legend i{width:8px;height:8px;border-radius:2px}.green-dot{background:#35b84b}.blue-dot{background:#2585e8}.orange-dot{background:#ff8a12}.purple-dot{background:#7835b6}.ws-recent{margin-bottom:12px}.ws-recent table{font-size:10px}.ws-recent th,.ws-recent td{padding:7px 10px}.status-chip{border:0}.status-repairing{background:#8a4b05;color:#ffd18c}.status-ready,.status-completed{background:#154e22;color:#77e88b}.status-diagnosing{background:#123d6e;color:#74baff}.status-waiting-for-parts{background:#54256d;color:#e7a9ff}.ws-bottom-grid{display:grid;grid-template-columns:1fr 1.25fr 1.25fr;gap:12px}.mini-list{padding:7px 13px 10px}.mini-list>div{display:grid;grid-template-columns:28px 1fr auto auto;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #222b35;font-size:10px}.mini-list>div:last-child{border-bottom:0}.mini-list small{color:#aab3bc}.mini-list.alerts b{color:#ffb000}.mini-list.alerts strong,.mini-list.unpaid strong{color:#ff403f}@media(max-width:1250px){.ws-kpis{grid-template-columns:repeat(3,1fr)}.ws-main-grid{grid-template-columns:1fr}.ws-side{display:grid;grid-template-columns:1fr 1fr}.ws-bottom-grid{grid-template-columns:1fr 1fr}.ws-bottom-grid>.ws-panel:last-child{grid-column:1/-1}}@media(max-width:760px){.ws-kpis{grid-template-columns:1fr 1fr}.ws-side,.ws-bottom-grid{grid-template-columns:1fr}.ws-bottom-grid>.ws-panel:last-child{grid-column:auto}.ws-kanban{grid-template-columns:repeat(5,220px)}.ws-appt{grid-template-columns:8px 50px 1fr}.ws-appt small,.ws-appt em{grid-column:3}.workshop-hero p{display:none}}

/* v6.42 Estimates + Service History */
.history-filters{display:flex;gap:8px;padding:14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.history-filters input{flex:1;min-width:240px}.history-filters select{min-width:160px}.stack-form{display:flex;flex-direction:column;gap:10px;margin-top:14px}.stack-form label{display:flex;flex-direction:column;gap:5px}.wide{display:block;width:100%;text-align:center;margin-top:12px}.form-grid textarea,.stack-form textarea{min-height:84px}@media(max-width:700px){.history-filters>*{width:100%;min-width:0!important}}


/* v6.45 mobile workshop optimization */
.page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media(max-width:760px){
  /* Larger, safer touch targets */
  .btn,.page-actions .btn,.inline-form .btn,.labor-form .btn,.history-filters .btn,.stack-form .btn{min-height:44px}
  input,select,textarea{font-size:16px}
  .panel{border-radius:10px}
  .page-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .page-actions .btn{width:100%;display:flex;align-items:center;justify-content:center;margin:0}

  /* Workshop overview: phone-first cards + swipeable kanban */
  .workshop-hero{align-items:stretch;gap:10px;flex-direction:column;margin-bottom:12px}
  .workshop-hero>.btn{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center}
  .workshop-title>span{font-size:22px}
  .workshop-hero h1{font-size:20px}
  .ws-kpis{grid-template-columns:1fr 1fr;gap:8px}
  .ws-kpi{min-height:82px;padding:11px;gap:9px}
  .ws-kpi i{width:34px;height:34px;min-width:34px;font-size:16px}
  .ws-kpi strong{font-size:19px}
  .ws-kpi small{font-size:10px}
  .ws-main-grid{gap:10px}
  .ws-panel>header{min-height:44px;height:auto;padding:9px 11px;gap:8px}
  .ws-panel>header a{font-size:11px;white-space:nowrap}
  .ws-board{overflow:visible}
  .ws-kanban{display:flex;gap:10px;overflow-x:auto;min-height:0;padding:10px;scroll-snap-type:x mandatory;scroll-padding:10px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .ws-kanban::-webkit-scrollbar{height:5px}
  .ws-col{flex:0 0 min(82vw,300px);border:1px solid #28333e;border-radius:9px;padding:9px;scroll-snap-align:start;background:#0b1117}
  .ws-col h3{font-size:12px;position:sticky;top:0;background:#0b1117;padding:2px 0 8px;z-index:1}
  .ws-job{min-height:110px;padding:11px;gap:6px}
  .ws-job b,.ws-job span,.ws-job small,.ws-job time{font-size:11px}
  .ws-job strong{font-size:13px}
  .ws-appt{grid-template-columns:8px 52px 1fr;gap:8px;padding:12px 10px}
  .summary-body{grid-template-columns:100px 1fr;padding:12px 10px}
  .donut{width:90px;height:90px}
  .donut:before{width:58px;height:58px}
  .mini-list>div{grid-template-columns:24px 1fr;gap:5px 8px;padding:10px 0}
  .mini-list>div small,.mini-list>div strong{grid-column:2}

  /* Work order / estimate detail */
  .work-detail-grid,.two-panels{gap:10px}
  .work-detail-grid>.panel,.two-panels>.panel{padding:13px}
  .job-summary{order:-1}
  .job-summary>div{padding:10px 0}
  .job-summary .grand{font-size:20px;padding:13px 0}
  .form-grid{gap:11px}
  .form-grid .span-2{grid-column:auto!important}
  .form-actions{position:sticky;bottom:76px;z-index:12;background:linear-gradient(180deg,transparent,#0d1218 28%);padding-top:16px;margin-top:0}
  .form-actions .btn{width:100%;min-height:48px}
  .inline-form,.labor-form{display:grid;grid-template-columns:1fr;gap:8px}
  .inline-form>*,.labor-form>*{width:100%!important;min-width:0!important}
  .inline-form .btn,.labor-form .btn{min-height:46px}
  .panel-title{align-items:flex-start;gap:6px;flex-direction:column}
  .panel-title small{line-height:1.35}

  /* Mobile tables: smoother, readable horizontal browsing */
  .table-wrap{margin-left:-1px;margin-right:-1px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .table-wrap table{min-width:680px;font-size:11px}
  .table-wrap th,.table-wrap td{padding:10px 9px;white-space:nowrap}
  .table-wrap td:nth-child(4),.table-wrap td:nth-child(5){white-space:normal;min-width:150px}
  .ws-recent .table-wrap table,.history-filters+ .table-wrap table{min-width:760px}

  /* Search/filter and appointments */
  .history-filters{padding:10px;gap:8px;position:sticky;top:58px;z-index:20;background:#0d1218;border-radius:8px 8px 0 0}
  .history-filters>*{min-height:44px}
  .two-panels>form.panel{padding:13px}
  .two-panels>form.panel .btn{min-height:48px}
}
@media(max-width:420px){
  .ws-kpis{grid-template-columns:1fr}
  .ws-kpi{min-height:72px}
  .page-actions{grid-template-columns:1fr}
  .summary-body{grid-template-columns:1fr;text-align:center}
  .donut{margin:auto}
  .legend{text-align:left}
  .ws-col{flex-basis:86vw}
}


/* v6.47 clearer mobile navigation labels */
@media(max-width:980px){
  .mobile-bottom-nav{min-height:68px;align-items:stretch}
  .mobile-bottom-nav a{grid-template-rows:28px auto;align-content:center;gap:3px;min-width:0;padding:4px 2px;text-decoration:none}
  .mobile-bottom-nav .mobile-nav-icon{font-size:20px;line-height:26px;height:26px;display:grid;place-items:center}
  .mobile-bottom-nav small{display:block!important;font-size:10px!important;font-weight:700;line-height:1.05;color:inherit;max-width:none;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;letter-spacing:0}
  .mobile-bottom-nav a.active small{color:#fff}
  .mobile-bottom-nav .bottom-avatar{width:27px;height:27px;align-self:center}
}
@media(max-width:390px){
  .mobile-bottom-nav{padding-left:2px;padding-right:2px}
  .mobile-bottom-nav small{font-size:9px!important}
  .mobile-bottom-nav a{padding-left:1px;padding-right:1px}
}

/* Mobile navigation: one-tap targets and immediate navigation feedback. */
@media(max-width:980px){
  .mobile-bottom-nav a{
    width:100%;height:100%;min-height:56px;
    touch-action:manipulation;-webkit-tap-highlight-color:transparent;
    user-select:none;-webkit-user-select:none
  }
  .mobile-bottom-nav a>*{pointer-events:none}
  .mobile-bottom-nav.nav-loading a:not(.tap-pending){opacity:.58}
  .mobile-bottom-nav a.tap-pending{color:#fff;background:#351419}
  .mobile-bottom-nav a.tap-pending .mobile-nav-svg{animation:mobile-nav-pulse .55s ease-in-out infinite alternate}
  .sidebar nav a.tap-pending{color:#fff;background:#351419}
}
@keyframes mobile-nav-pulse{from{opacity:.55;transform:scale(.92)}to{opacity:1;transform:scale(1.05)}}


/* v6.48: restore readable labels inside the mobile slide-out menu */
@media(max-width:980px){
  .sidebar .brand img{display:block!important}
  .sidebar .nav-label{display:block!important}
  .sidebar nav a span{display:inline!important}
  .sidebar .sidebar-footer{display:grid!important}
  .sidebar nav a{justify-content:flex-start!important;gap:13px!important;padding:11px 13px!important;min-height:46px!important;font-size:13px!important}
  .sidebar .nav-scroll{padding:9px 11px 18px!important}
  .sidebar .nav-label{font-size:10px!important;padding:13px 8px 5px!important}
}
@media(max-width:640px){
  .sidebar{grid-template-rows:82px minmax(0,1fr) 58px!important}
  .sidebar .brand img{width:190px!important;height:72px!important}
  .sidebar .sidebar-art{display:none!important}
  .sidebar .sidebar-footer{padding:8px 14px!important;font-size:10px!important}
  .sidebar nav a span{font-size:13px!important;font-weight:650!important;white-space:normal!important}
}

/* v6.49 granular inventory permissions */
.restricted-field{min-height:36px;display:flex;align-items:center;padding:0 10px;border:1px dashed #39434e;border-radius:6px;background:#0b1016;color:#7f8b97;font-size:11px}

/* v6.50 iOS-safe vector navigation icons */
.nav-icon,.menu-svg{width:18px;height:18px;min-width:18px;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.sidebar .nav-icon{width:17px;height:17px}.menu-btn .menu-svg{width:21px;height:21px}.global-search .nav-icon{width:16px;height:16px}.mobile-bottom-nav .nav-icon{width:22px;height:22px}.mobile-bottom-nav> a>span>.nav-icon{width:22px;height:22px}

/* v6.53 customer + vehicle workflow */
.customer-vehicle-layout{display:grid;grid-template-columns:minmax(390px,.85fr) minmax(0,1.35fr);gap:16px}.customer-create-card,.customer-directory-card{align-self:start}.customer-info-grid,.vehicle-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-vehicles-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 10px;padding-top:16px;border-top:1px solid var(--border)}.customer-vehicles-head h3{margin:0}.customer-vehicles-head small{color:var(--muted)}.customer-vehicle-entry{border:1px solid var(--border);border-radius:10px;padding:13px;margin-bottom:10px;background:rgba(255,255,255,.015)}.vehicle-entry-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.vehicle-remove{opacity:.75}.customer-record-list{display:flex;flex-direction:column;gap:10px}.customer-record{border:1px solid var(--border);border-radius:10px;padding:13px;background:rgba(255,255,255,.012)}.customer-record-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.customer-record-head>div{display:flex;flex-direction:column;gap:3px}.customer-record-head small,.customer-meta,.saved-vehicle span{color:var(--muted);font-size:11px}.customer-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:9px 0}.customer-saved-vehicles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.saved-vehicle{display:flex;flex-direction:column;gap:3px;padding:9px;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:inherit;background:#0d141b}.saved-vehicle:hover{border-color:#5b3437}.customer-add-vehicle{margin-top:10px;border-top:1px solid var(--border);padding-top:9px}.customer-add-vehicle summary{cursor:pointer;color:#ff454b;font-size:12px;font-weight:700}.customer-add-vehicle form{margin-top:10px}
@media(max-width:900px){.customer-vehicle-layout{grid-template-columns:1fr}.customer-saved-vehicles{grid-template-columns:1fr}.customer-info-grid,.vehicle-fields{grid-template-columns:1fr}.customer-vehicles-head{align-items:flex-start;flex-direction:column}.customer-vehicles-head .btn{width:100%}}

/* v7.00 enterprise operations system */
:root{
  --bg:#07101a;--panel:#0b1723;--panel-strong:#0e1c2a;--panel-soft:#101f2e;
  --line:#26394a;--line-strong:#385065;--text:#f4f7fa;--muted:#91a0ae;
  --red:#e3262e;--red-strong:#bd171e;--green:#4ecb71;--amber:#f3ad2f;--blue:#61a8ff;
  --radius:8px;--shadow:0 14px 34px rgba(0,0,0,.2)
}
html{scroll-behavior:smooth}body{background:var(--bg);font-size:14px;line-height:1.5}
button,input,select,textarea{font:inherit}
a,button,summary,[role=button]{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid #86bfff!important;outline-offset:2px;box-shadow:0 0 0 4px rgba(97,168,255,.18)!important
}
.skip-link{position:fixed;left:12px;top:10px;z-index:9999;transform:translateY(-160%);background:#fff;color:#08111b;padding:9px 13px;border-radius:6px;font-weight:800}
.skip-link:focus{transform:translateY(0)}
.sidebar{width:214px;background:#081421;border-right-color:#223648;grid-template-rows:74px minmax(0,1fr) 48px!important}
.brand{padding:7px 14px;justify-items:start;background:#091725}.brand img{width:178px;height:58px}
.sidebar-art{display:none!important}.nav-scroll{padding:8px 9px}
.sidebar nav a{min-height:34px;padding:7px 9px;border-radius:5px;margin:1px 0;gap:9px;font-size:11px}
.sidebar nav a:hover{background:#112233}.sidebar nav a.active{background:linear-gradient(90deg,#d72028,#b8151c);border-color:#e52d35;box-shadow:inset 3px 0 #ff7076}
.nav-label{padding:12px 7px 4px;color:#8295a7;font-size:9px;letter-spacing:.09em}
.sidebar-footer{padding:7px 12px;border-top-color:#223648}.sidebar-footer small{color:#66d889}.status-dot{background:#49ce71;box-shadow:0 0 0 3px rgba(73,206,113,.12)}
.main{margin-left:214px}.topbar{height:56px;padding:0 14px;background:rgba(7,16,26,.96);border-bottom-color:#223648;gap:10px}
.global-search{height:36px;width:min(680px,55vw);background:#091522;border-color:#2a4053;border-radius:6px}
.global-search input{font-size:12px}.global-search button{padding:0 18px;background:#d51e26}.top-actions{gap:7px}
.menu-btn,.top-icon,.currency-switch{height:34px!important;min-width:34px;border-radius:6px;background:#0c1a27;border-color:#2a4053}
.topbar-svg,.mobile-nav-svg,.chevron-svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.topbar-svg{width:17px;height:17px}.chevron-svg{width:10px;height:7px;margin-left:5px}
.mobile-nav-svg{width:21px;height:21px}.avatar{width:34px;height:34px;background:#17293a;color:#dfe9f2;border:1px solid #334b60;font-size:11px}
.profile-menu summary{gap:8px}.drop-panel{background:#0b1825;border-color:#334a5e;border-radius:7px;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.content{padding:18px 14px 34px}.card,.panel{background:var(--panel);border-color:var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.btn{border-radius:6px;border-color:#354b5f;background:#10202f;min-height:36px;padding:8px 12px;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.btn:hover{border-color:#5b748b;background:#152838}.btn:active{transform:translateY(1px)}.btn.primary{background:#d51e26;border-color:#e13239}.btn.primary:hover{background:#e1272f}
input,select,textarea{border-radius:6px;background:#081521;border-color:#30475a;color:#f4f7fa}
input::placeholder,textarea::placeholder{color:#718497}
input:focus,select:focus,textarea:focus{border-color:#6789a6;box-shadow:0 0 0 3px rgba(97,168,255,.12)}
table{font-size:11px}th{background:#10202f;color:#a9bac8;border-bottom-color:#31475a;font-size:9px;letter-spacing:.055em}td{border-bottom-color:#213445}
.ops-icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Operations overview */
.operations-page{display:grid;gap:12px;max-width:1700px;margin:0 auto}
.operations-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:1px 2px 2px}
.operations-heading h1{margin:0;color:#f8fafc;font-size:22px;line-height:1.15;letter-spacing:-.02em}
.operations-heading p{margin:5px 0 0;color:var(--muted);font-size:11px}
.system-state{display:flex;align-items:center;gap:8px;color:#f1b84e;font-size:11px;font-weight:700;padding-top:6px}
.system-state span{width:8px;height:8px;border-radius:50%;background:#f1b84e;box-shadow:0 0 0 4px rgba(241,184,78,.1)}
.system-state.healthy{color:#64db82}.system-state.healthy span{background:#59d47a;box-shadow:0 0 0 4px rgba(89,212,122,.1)}
.ops-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}
.ops-kpi{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;min-height:92px;padding:14px 16px;border-right:1px solid var(--line)}
.ops-kpi:last-child{border-right:0}.ops-kpi-icon{width:38px;height:38px;display:grid;place-items:center;color:#ff4d54;border:1px solid #583039;border-radius:7px;background:#151b25}
.ops-kpi span{display:block;color:#b8c5d0;font-size:9px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.ops-kpi strong{display:block;margin:3px 0 1px;font-size:20px;line-height:1.2;letter-spacing:-.025em}
.ops-kpi small{color:#8496a5;font-size:9px}.ops-kpi em{font-style:normal;font-weight:800}.ops-kpi em.up{color:#5cdb7d}.ops-kpi em.down{color:#ff6067}
.ops-primary-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.78fr) minmax(290px,.58fr);gap:12px;align-items:start}
.ops-primary-grid>.revenue-panel{grid-column:1;grid-row:1}.ops-primary-grid>.attention-panel{grid-column:2;grid-row:1}.ops-primary-grid>.workshop-board{grid-column:1 / 3;grid-row:2}.ops-primary-grid>.ops-side-stack{grid-column:3;grid-row:1 / 3}
.ops-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}
.ops-panel-head{min-height:58px;padding:13px 15px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}
.ops-panel-head h2{margin:0;color:#edf3f8;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.ops-panel-head p{margin:3px 0 0;color:#7f93a4;font-size:9px}.ops-panel-head>a{color:#75b9fa;font-size:10px;font-weight:700}
.trend-legend{display:flex;gap:13px;color:#8fa0af;font-size:9px}.trend-legend span{display:flex;align-items:center;gap:5px}.trend-legend i{width:15px;height:2px}.trend-legend .current{background:#f03a42}.trend-legend .previous{background:#718293}
.revenue-chart{position:relative;padding:13px 14px 12px 52px}.revenue-chart svg{width:100%;height:190px;overflow:visible}
.chart-grid line{stroke:#26394a;stroke-width:1;vector-effect:non-scaling-stroke}.trend-line{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.current-line{stroke:#ef353d}.previous-line{stroke:#728596;stroke-width:1.7;stroke-dasharray:5 5}.trend-point{fill:#ef353d;stroke:#0b1723;stroke-width:2}
.chart-scale{position:absolute;left:12px;top:15px;bottom:42px;display:flex;flex-direction:column;justify-content:space-between;color:#7f91a0;font-size:9px}
.chart-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;color:#9aacba;font-size:9px}.chart-labels b,.chart-labels small{display:block}.chart-labels small{color:#657b8d;font-size:8px;margin-top:1px}

/* v7.40 professional inventory operations */
.table-scroll{width:100%;overflow:auto}.row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.row-actions form{margin:0}.inline-receive{display:flex;align-items:center;gap:7px;min-width:145px}.inline-receive input{width:70px}.stock-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.stock-control-grid+.card,.stock-control-grid+.card+.card{margin-bottom:14px}.count-input{min-width:90px;width:110px}.empty-action{padding:28px;margin-bottom:14px}.empty-action h2{margin:0 0 7px}.empty-action p{color:#8fa0b2}.empty-action form{display:flex;align-items:end;gap:10px;max-width:680px}.empty-action form label{flex:1}.backup-continuity{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;border-left:3px solid #4bba78}.backup-continuity h3,.backup-continuity p{margin:0}.backup-continuity p{margin-top:5px;color:#8fa0b2;font-size:10px;overflow-wrap:anywhere}.backup-continuity code{color:#b9d8f3}.label-action{display:flex;align-items:center;gap:6px}.label-action input{width:58px;padding:9px 5px}.status-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.stock-control-grid{grid-template-columns:1fr}.empty-action form{align-items:stretch;flex-direction:column}.backup-continuity{align-items:flex-start;flex-direction:column}.part-actions{flex-wrap:wrap}.label-action{width:100%}.label-action .btn{flex:1}}
.security-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:14px;padding:0}.security-summary>div{padding:16px;border-right:1px solid var(--line)}.security-summary>div:last-child{border:0}.security-summary strong,.security-summary span{display:block}.security-summary span{margin-top:5px;color:#8798a8;font-size:10px;line-height:1.45}@media(max-width:900px){.security-summary{grid-template-columns:repeat(2,1fr)}.security-summary>div:nth-child(2){border-right:0}}@media(max-width:560px){.security-summary{grid-template-columns:1fr}.security-summary>div{border-right:0;border-bottom:1px solid var(--line)}}
.attention-list{padding:2px 14px 6px}.attention-row{display:grid;grid-template-columns:30px 1fr auto 32px;gap:9px;align-items:center;min-height:51px;border-bottom:1px solid #213445}
.attention-row:last-child{border-bottom:0}.attention-symbol{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;color:#ff5a60;background:#27141a}.attention-symbol .ops-icon{width:16px;height:16px}
.attention-row.warning .attention-symbol{color:#f4b63a;background:#271f12}.attention-row.info .attention-symbol{color:#75b7f7;background:#112338}
.attention-row strong{display:block;color:#e6edf3;font-size:10px}.attention-row small{display:block;color:#7f91a0;font-size:8px;margin-top:1px}.attention-row>b{font-size:16px;color:#ff545b}.attention-row.warning>b{color:#f5b333}.attention-row.info>b{color:#6db6fb}.attention-row em{font-style:normal;color:#78b9f4;font-size:9px}
.ops-side-stack{display:grid;gap:12px}.inventory-health-body{display:grid;grid-template-columns:124px 1fr;align-items:center;gap:10px;padding:13px 14px}
.ops-donut{width:112px;height:112px;border-radius:50%;background:conic-gradient(#54bc66 0 var(--d1),#f2b42e var(--d1) var(--d2),#ef4b4f var(--d2) 360deg);display:grid;place-items:center;position:relative}
.ops-donut:before{content:"";position:absolute;width:78px;height:78px;border-radius:50%;background:var(--panel)}.ops-donut div{z-index:1;text-align:center}.ops-donut strong{display:block;font-size:20px}.ops-donut span{display:block;color:#8798a7;font-size:8px}
.ops-legend{display:grid;gap:9px;font-size:9px}.ops-legend span{display:grid;grid-template-columns:8px 1fr auto;gap:6px;align-items:center}.ops-legend i{width:7px;height:7px;border-radius:50%}.ops-legend i.healthy{background:#54bc66}.ops-legend i.low{background:#f2b42e}.ops-legend i.out{background:#ef4b4f}
.ops-panel-link{display:block;margin:0 14px 13px;padding:7px;text-align:center;border:1px solid #385168;border-radius:5px;color:#b8c6d2;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.quick-actions nav{display:grid;padding:2px 13px 7px}.quick-actions nav>a{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;min-height:48px;border-bottom:1px solid #213445}.quick-actions nav>a:last-child{border-bottom:0}
.quick-actions nav .ops-icon{width:17px;height:17px;color:#ef4249}.quick-actions nav strong{display:block;font-size:10px}.quick-actions nav small{display:block;color:#7f92a2;font-size:8px}.quick-actions nav>b{font-size:18px;color:#8297a8;font-weight:400}
.workshop-board{overflow:hidden}.workshop-columns{display:grid;grid-template-columns:repeat(4,1fr)}.workshop-column{padding:11px 14px 13px;border-right:1px solid var(--line);min-width:0}.workshop-column:last-child{border-right:0}
.workshop-column-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #2a3e50}.workshop-column-head span{color:#b7c5d0;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.workshop-column-head strong{font-size:19px;color:#68adfb}.workshop-column.in-progress .workshop-column-head strong{color:#f3b338}.workshop-column.waiting-parts .workshop-column-head strong{color:#ff625f}.workshop-column.ready .workshop-column-head strong{color:#63d77c}
.workshop-job{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;min-height:46px;border-bottom:1px solid #203344}.workshop-job strong{display:block;font-size:9px;color:#dbe4eb}.workshop-job small{display:block;font-size:8px;color:#768a9a}.workshop-job>b{color:#8fa2b1;font-size:8px}.workshop-column-link{display:block;text-align:center;margin-top:9px;color:#77b8f5;font-size:8px;font-weight:700}
.ops-empty{padding:16px 8px;color:#728596;font-size:9px;text-align:center}
.ops-lower-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.37fr);gap:12px}.ops-table-wrap{overflow-x:auto}.ops-table{min-width:680px}.ops-table th,.ops-table td{padding:9px 12px}.ops-table td{font-size:9px;color:#cbd6df}.ops-table td:nth-child(4){max-width:360px;overflow:hidden;text-overflow:ellipsis}.activity-action{color:#7ebcf7;font-weight:800}
.company-readiness{padding-bottom:6px}.company-readiness>a{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;min-height:55px;padding:8px 14px;border-bottom:1px solid #213445}.company-readiness>a:last-child{border-bottom:0}
.company-readiness span{font-size:10px;font-weight:700}.company-readiness small{display:block;color:#7e91a1;font-size:8px;font-weight:400;margin-top:2px}.company-readiness b{min-width:30px;text-align:right;font-size:15px}.company-readiness b.good{color:#62d97d}.company-readiness b.warn{color:#f3b23a}
.login-success{display:grid;gap:2px;margin-bottom:13px;padding:10px;border:1px solid #296846;border-radius:6px;background:#0d2c1d;color:#85e6a5;font-size:11px}.login-error{display:grid;gap:2px;text-align:left}.login-error span{font-size:10px;color:#f2b1b4}
.login-card>small{color:#7e8f9f}.login-card h1{font-size:23px}.login-card p{font-size:12px}
.setup-card{max-width:470px}.setup-step{display:inline-flex;align-items:center;justify-content:center;margin:0 auto 11px;padding:5px 9px;border:1px solid #365068;border-radius:999px;color:#9ec5e8;background:#0d1c2a;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.setup-assurance{display:grid;grid-template-columns:10px 1fr;gap:9px;align-items:start;margin-top:17px;padding:11px;text-align:left;border:1px solid #29485c;border-radius:6px;background:#0a1824}.setup-assurance>span{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#58d078;box-shadow:0 0 0 4px rgba(88,208,120,.1)}.setup-assurance p{margin:0}.setup-assurance strong,.setup-assurance small{display:block}.setup-assurance strong{font-size:10px;color:#dbe7f0}.setup-assurance small{margin-top:2px;color:#8297a8;font-size:9px;line-height:1.45}

@media(max-width:1400px){
  .ops-primary-grid{grid-template-columns:minmax(0,1fr) minmax(310px,.75fr)}
  .ops-primary-grid>.revenue-panel{grid-column:1;grid-row:1}.ops-primary-grid>.attention-panel{grid-column:2;grid-row:1}.ops-primary-grid>.workshop-board{grid-column:1/-1;grid-row:2}.ops-primary-grid>.ops-side-stack{grid-column:1/-1;grid-row:3;grid-template-columns:1fr 1fr}.inventory-health-body{grid-template-columns:140px 1fr}
}
@media(max-width:1100px){
  .ops-kpis{grid-template-columns:repeat(2,1fr)}.ops-kpi:nth-child(2){border-right:0}.ops-kpi:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .ops-primary-grid,.ops-lower-grid{grid-template-columns:1fr}.ops-primary-grid>.revenue-panel,.ops-primary-grid>.attention-panel,.ops-primary-grid>.workshop-board,.ops-primary-grid>.ops-side-stack{grid-column:1;grid-row:auto}.workshop-columns{grid-template-columns:repeat(2,1fr)}.workshop-column:nth-child(2){border-right:0}.workshop-column:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:980px){
  .main{margin-left:0}.sidebar{width:280px}.topbar{height:58px}.content{padding:12px 10px 82px}.ops-side-stack{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .operations-heading{align-items:flex-start}.operations-heading h1{font-size:20px}.system-state{font-size:9px}
  .ops-kpis{grid-template-columns:1fr}.ops-kpi{border-right:0;border-bottom:1px solid var(--line)!important;min-height:82px}.ops-kpi:last-child{border-bottom:0!important}
  .ops-primary-grid{display:block}.ops-primary-grid>.ops-panel,.ops-side-stack{margin-bottom:10px}.ops-side-stack{display:grid;grid-template-columns:1fr}
  .workshop-columns{grid-template-columns:1fr}.workshop-column{border-right:0;border-bottom:1px solid var(--line)}.workshop-column:last-child{border-bottom:0}
  .revenue-chart{padding-left:42px}.revenue-chart svg{height:150px}.trend-legend{display:none}.chart-labels small{display:none}
}
@media(max-width:420px){
  .operations-heading{display:block}.system-state{margin-top:8px}.ops-kpi{grid-template-columns:36px 1fr;padding:11px}.ops-kpi-icon{width:34px;height:34px}.ops-kpi strong{font-size:18px}
  .inventory-health-body{grid-template-columns:108px 1fr}.ops-donut{width:98px;height:98px}.ops-donut:before{width:68px;height:68px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* Installable Champion app additions. Existing screens and navigation remain intact. */
.app-https-notice{display:grid;gap:3px;margin-bottom:12px;padding:11px 14px;border:1px solid #735a2e;border-radius:7px;background:#251d0d;color:#ffd981;font-size:10px}.app-https-notice span{color:#c8ad73;line-height:1.5}
.champion-connection-bar{min-height:31px;display:flex;align-items:center;gap:7px;padding:5px 15px;border-bottom:1px solid #284254;background:#0b1a26;color:#d7e4ed;font-size:9px}.champion-connection-bar>span{width:7px;height:7px;border-radius:50%;background:#55d67b;box-shadow:0 0 0 3px rgba(85,214,123,.12)}.champion-connection-bar small{color:#7790a3}.champion-connection-bar a{margin-left:auto;color:#7fc2ff;font-weight:800}.champion-connection-bar a+a{margin-left:5px}.champion-connection-bar.offline{border-bottom-color:#663239;background:#251319}.champion-connection-bar.offline>span{background:#ff565d}.champion-connection-bar.offline strong{color:#ff9fa3}.champion-connection-bar.update-ready>span{background:#f1b640}.section-eyebrow{margin:0 0 5px!important;color:#ff5d64!important;font-size:9px!important;font-weight:900;letter-spacing:.13em}.app-page-head{align-items:center}.app-security-badge{padding:7px 10px;border:1px solid #2d6543;border-radius:999px;background:#0b291a;color:#75e398;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.app-install-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:12px;margin-bottom:12px}.app-install-primary,.app-qr-panel{padding:22px}.app-install-logo{display:flex;align-items:center;justify-content:space-between}.app-install-logo img{width:195px;height:68px;object-fit:contain}.app-install-logo span{color:#8299ac;font-size:10px}.app-install-primary h2,.app-qr-panel h2{margin:17px 0 8px;font-size:20px}.app-install-primary p,.app-qr-panel p,.app-platforms p{color:#8fa4b5;font-size:11px;line-height:1.65}.app-install-button{margin:12px 7px 7px 0}.app-install-message{margin-top:14px;padding:10px;border-left:3px solid #568db9;background:#0c1b28;color:#9db6c9;font-size:10px}.app-qr-panel{text-align:center}.app-qr-panel>img{width:min(230px,80%);padding:9px;border-radius:8px;background:#fff}.app-qr-panel code{display:block;padding:9px;overflow-wrap:anywhere;border:1px solid #2a4356;border-radius:6px;background:#07131e;color:#9dd0ff;font-size:9px}.app-platforms{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.app-platforms article{padding:16px;border-right:1px solid var(--line)}.app-platforms article:last-child{border-right:0}.app-platforms b{font-size:11px}.status-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.status-kpi{display:grid;gap:4px;padding:16px}.status-kpi span{color:#8da2b3;font-size:9px;font-weight:800;text-transform:uppercase}.status-kpi strong{font-size:23px}.status-kpi small{color:#788f9f;font-size:9px}.good{color:#62dc80!important}.bad{color:#ff6168!important}.system-check-list{margin-bottom:12px;padding:10px 16px}.system-check-list h2{margin:4px 0 8px;font-size:13px}.system-check-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:42px;border-top:1px solid #213546;font-size:10px}.system-check-list>div small{display:block;margin-top:3px;color:#768b9d;font-size:8px}.app-device-table td strong,.app-device-table td small{display:block}.app-device-table td small{margin-top:3px;color:#758da0}.current-device{color:#7bc4ff!important}.status-chip{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase}.status-chip.active{background:#0c2a1a;color:#68df89}.status-chip.revoked{background:#2a1519;color:#ff7379}.success-banner{margin-bottom:12px;padding:10px;border:1px solid #2e6543;border-radius:6px;background:#0c291a;color:#82e8a0;font-size:10px}
@media(max-width:900px){.app-install-grid{grid-template-columns:1fr}.app-platforms,.status-kpi-grid{grid-template-columns:repeat(2,1fr)}.app-platforms article:nth-child(2){border-right:0}.app-platforms article:nth-child(-n+2){border-bottom:1px solid var(--line)}.champion-connection-bar{padding-left:12px}.champion-connection-bar a:last-child{display:none}}
@media(max-width:560px){.app-platforms,.status-kpi-grid{grid-template-columns:1fr}.app-platforms article{border-right:0;border-bottom:1px solid var(--line)}.app-platforms article:last-child{border-bottom:0}.champion-connection-bar small{display:none}.app-install-primary,.app-qr-panel{padding:15px}}