:root{
  --ink:#0b0f17;
  --ink-2:rgba(11,15,23,.88);
  --ink-3:rgba(30,41,59,.6);
  --bone:#F8FAFC;
  --bone-2:#e2e8f0;
  --paper:#fdfbf7;
  --muted:#94a3b8;
  --gold:#D4AF37;
  --gold-2:#E8C26A;
  --gold-dim:rgba(212,175,55,.15);
  --amber:#F59E0B;
  --emerald:#10B981;
  --crimson:#EF4444;
  --red:#dc2626;
  --green:#16a34a;
  --blue:#3b82f6;
  --purple:#a855f7;
  --line:rgba(255,255,255,.08);
  --glass-bg:rgba(11,15,23,.88);
  --glass-border:rgba(212,175,55,.25);
  --glass-blur:blur(16px);
  --serif:"Playfair Display",Georgia,serif;
  --grotesk:"Space Grotesk",-apple-system,Segoe UI,sans-serif;
  --sans:"Inter",-apple-system,Segoe UI,Roboto,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box!important;margin:0;padding:0}
html,body{
  margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden;
  background:#0b0f17;color:var(--bone);
  font-family:system-ui,-apple-system,sans-serif;
  -webkit-text-size-adjust:100%;
}
/* Flex/Grid-Kinder nicht aufblähen */
.grid,.flex,div,section,main,article,header,footer{
  min-width:0;min-height:0;
}
html{scroll-behavior:smooth}
body{
  -webkit-font-smoothing:antialiased;
  touch-action:manipulation;
  min-height:100vh;
  background:url("assets/hero-1.jpg") no-repeat center center fixed;
  background-size:cover;
}
body::before{
  content:"";position:fixed;inset:0;z-index:0;
  background:rgba(11,15,23,.88);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  pointer-events:none;
}
body > *:not(script):not(style):not(link):not(meta){
  position:relative;z-index:1;
}
button,input,select,textarea,a{cursor:pointer;-webkit-tap-highlight-color:transparent}
a{text-decoration:none;color:inherit}
.hidden{display:none!important}

/* ---- Strikter Schutz vor Riesen-SVGs ---- */
svg {
  width:24px !important;height:24px !important;
  max-width:24px !important;max-height:24px !important;
  flex-shrink:0 !important;object-fit:contain;display:inline-block;
}

/* Marken-Logos & Header */
.brand-logo svg, .hero-logo svg, header .logo svg{
  max-width:48px !important;max-height:48px !important;
  width:48px !important;height:48px !important;
}

/* Buttons */
button svg, .btn svg{
  max-width:18px !important;max-height:18px !important;
  width:18px !important;height:18px !important;
}

/* Container-Bilder & Hero-Assets nicht einschränken */
img, .hero-bg, .card-img{max-width:100%;height:auto}

/* Font-Icons */
i, .icon, [class^="icon-"]{
  font-size:1.2rem !important;width:auto !important;height:auto !important;
  max-width:32px !important;max-height:32px !important;
}
nav svg, .btn svg, button svg, a svg{pointer-events:none}

/* ---- Canvas & Chart.js ---- */
canvas{
  max-width:100% !important;max-height:280px !important;
  background:transparent !important;
}
.chart-wrapper{
  position:relative !important;width:100% !important;height:280px !important;
  max-height:280px !important;
  background:rgba(15,23,42,.6) !important;
  border:1px solid rgba(212,175,55,.2) !important;
  border-radius:12px !important;padding:15px !important;
  overflow:hidden !important;
}

/* ---- Systemnetz Footer ---- */
.system-footer{
  text-align:center;padding:15px;
  color:rgba(212,175,55,.6);
  font-size:.85rem;
  border-top:1px solid rgba(212,175,55,.1);
  margin-top:40px;
  font-family:var(--grotesk);letter-spacing:.08em;
}

/* ---- Unified Site Header (slim, max 60px) ---- */
.site-header{
  display:flex;align-items:center;gap:.6rem;
  padding:.45rem 1rem;min-height:52px;
  background:rgba(11,15,23,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(212,175,55,.15);
  position:sticky;top:0;z-index:50;
}
.site-brand{display:flex;flex-direction:column;line-height:.92;margin-right:auto}
.site-brand .brand-b{
  font-family:var(--serif);font-size:1rem;font-weight:700;
  letter-spacing:.18em;color:var(--gold);
}
.site-brand .brand-sub{
  font-family:var(--grotesk);font-size:.4rem;letter-spacing:.32em;
  text-transform:uppercase;color:var(--muted);margin-top:.12rem;
}

/* ---- Bottom Navigation (mobile first) ---- */
.site-nav{
  display:flex;gap:.2rem;background:rgba(255,255,255,.04);border-radius:10px;padding:.25rem;flex-wrap:wrap;
}
.site-nav-link{
  display:inline-flex;align-items:center;gap:.25rem;
  padding:.5rem .7rem;border-radius:8px;
  font-family:var(--grotesk);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;
  color:var(--muted);transition:.25s var(--ease);text-decoration:none;font-weight:500;
  min-height:40px;white-space:nowrap;
}
.site-nav-link:hover{color:var(--bone);background:rgba(255,255,255,.07)}
.site-nav-link.active{background:var(--gold);color:var(--ink);font-weight:600}

/* ---- Bottom Bar (mobile <768px) ---- */
.bottom-bar{
  display:none;
  position:fixed;bottom:0;left:0;right:0;z-index:100;
  background:rgba(11,15,23,.96);
  backdrop-filter:blur(14px);
  border-top:1px solid rgba(212,175,55,.15);
  padding:0 env(safe-area-inset-bottom,0);
}
.bottom-bar-inner{
  display:flex;justify-content:space-around;align-items:stretch;
  min-height:56px;
}
.bottom-link{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;flex:1;padding:6px 4px;
  font-family:var(--grotesk);font-size:.5rem;letter-spacing:.03em;text-transform:uppercase;
  color:var(--muted);transition:.2s;text-decoration:none;
  border:none;background:transparent;
}
.bottom-link.active{color:var(--gold)}
.bottom-link.active svg{opacity:1;color:var(--gold)}
.bottom-link:active{transform:scale(.92)}

/* ---- Glass Card ---- */
.glass{
  background:rgba(11,15,23,.78);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
}
.glass-strong{
  background:rgba(11,15,23,.88);
  backdrop-filter:blur(16px);
  border:1px solid var(--glass-border);
  border-radius:16px;
}

/* ---- Buttons ---- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  min-height:48px;padding:.6rem 1.2rem;border-radius:12px;
  font-family:var(--grotesk);font-size:.78rem;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;
  border:none;cursor:pointer;transition:.25s var(--ease);text-decoration:none;
}
.btn-gold{background:var(--gold);color:var(--ink)}
.btn-gold:hover{background:var(--gold-2)}
.btn-outline{background:transparent;border:1px solid var(--gold);color:var(--gold)}
.btn-outline:hover{background:rgba(212,175,55,.1)}

/* ---- Animations ---- */
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes toastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes slideUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes sheetIn{from{transform:translateY(100%)}to{transform:none}}

/* ---- Scrollbar ---- */
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.18)}

/* ---- Bottom Sheet (mobile cart, configurator) ---- */
.bottom-sheet-overlay{
  position:fixed;inset:0;z-index:200;
  background:rgba(0,0,0,.6);backdrop-filter:blur(4px);
  display:none;align-items:flex-end;justify-content:center;
  padding:0;
}
.bottom-sheet-overlay.on{display:flex}
.bottom-sheet{
  background:rgba(11,15,23,.96);border:1px solid var(--glass-border);border-radius:20px 20px 0 0;
  width:100%;max-width:500px;max-height:85vh;
  display:flex;flex-direction:column;
  animation:sheetIn .35s var(--ease-out);
  padding:1rem 1.2rem env(safe-area-inset-bottom,1rem);
}
.sheet-head{
  display:flex;justify-content:space-between;align-items:center;
  padding-bottom:.8rem;border-bottom:1px solid var(--line);margin-bottom:.8rem;
}
.sheet-head h3{font-family:var(--grotesk);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.sheet-close{
  width:32px;height:32px;border-radius:8px;border:none;
  background:rgba(255,255,255,.06);color:var(--muted);cursor:pointer;
  display:grid;place-items:center;min-height:44px;min-width:44px;
}
.sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
.sheet-footer{
  padding-top:.8rem;border-top:1px solid var(--line);margin-top:.8rem;
  position:sticky;bottom:0;
}

/* ---- Mobile Table Wrapper ---- */
.table-wrap{
  width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
  margin:.5rem 0;
}
.table-wrap table{min-width:500px;width:100%}

/* ---- Spacer for bottom bar ---- */
.bottom-spacer{display:none}
@media(max-width:767px){
  .bottom-spacer{display:block;height:64px}

  .site-header{min-height:48px;padding:.35rem .7rem}
  .site-brand .brand-b{font-size:.82rem}
  .site-nav{display:none}

  .bottom-bar{display:block}

  .site-nav-link, .admin-nav-link, .pos-nav-link, .driver-nav-link, .fin-nav-link{min-height:48px}

  .modal{width:92vw;max-height:85vh}
}

/* ---- Responsive Breakpoint System ---- */

/* A. Desktop & MacBook Wide > 1024px */
@media(min-width:1025px){
  .dashboard, .pos-main, .fin-main, .inv-main, .sch-main, .driver-main, .track-main, .display-main{
    max-width:1400px;margin:0 auto;padding:2rem 2.5rem;
  }
  /* Unified header: site-header visible, no bottom-bar */
  .site-header{display:flex}
  .bottom-bar{display:none!important}

  .kanban{grid-template-columns:repeat(4,1fr)!important}
  .kpi-row{grid-template-columns:repeat(6,1fr)!important}
  .chart-row{grid-template-columns:repeat(3,1fr)!important}
  .sch-grid{grid-template-columns:repeat(4,1fr)!important}
  .inv-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}
  .inv-low-grid{grid-template-columns:repeat(4,1fr)!important}
  .display-main{gap:2rem}
  .display-col .col-numbers{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important}
  .emp-cards{flex-direction:row!important;flex-wrap:wrap;gap:.7rem}
}

/* B. Tablets & iPads 768px – 1024px */
@media(min-width:768px)and(max-width:1024px){
  .dashboard, .pos-main, .fin-main, .inv-main, .sch-main, .driver-main, .track-main, .display-main{
    max-width:100%;padding:1.5rem;
  }
  .site-header{display:flex}
  .bottom-bar{display:none!important}

  .kanban{grid-template-columns:repeat(2,1fr)!important;height:auto!important}
  .kpi-row{grid-template-columns:repeat(3,1fr)!important}
  .chart-row{grid-template-columns:1fr 1fr!important}
  .sch-grid{grid-template-columns:repeat(2,1fr)!important}
  .inv-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important}
  .inv-low-grid{grid-template-columns:repeat(2,1fr)!important}
  .display-main{gap:1rem}
  .display-col .col-numbers{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))!important}
  .emp-cards{flex-direction:row!important;flex-wrap:wrap;gap:.6rem}
  .admin-header{flex-wrap:wrap;gap:.5rem}
  .admin-nav{flex-wrap:wrap}
  .admin-stats{gap:.4rem}
  .stat-pill{font-size:.65rem;padding:.35rem .7rem}
  .site-nav-link, .admin-nav-link, .pos-nav-link, .driver-nav-link, .fin-nav-link{min-height:48px}
}

/* C. Smartphones & Mobile < 768px */
@media(max-width:767px){
  html,body{overflow-x:hidden;max-width:100vw}
  .dashboard, .pos-main, .fin-main, .inv-main, .sch-main, .driver-main, .track-main, .display-main{
    max-width:100%;padding:.8rem .6rem 80px;
  }
  .site-header{display:none!important}
  .bottom-bar{display:block}

  .kanban{grid-template-columns:1fr!important;height:auto!important;gap:1px}
  .kpi-row{grid-template-columns:1fr!important;gap:.4rem}
  .kpi-card{padding:.8rem}
  .chart-row{grid-template-columns:1fr!important}
  .chart-wrapper{height:220px!important}
  .sch-grid{grid-template-columns:1fr!important}
  .inv-grid{grid-template-columns:repeat(2,1fr)!important;gap:.4rem}
  .inv-low-grid{grid-template-columns:1fr!important}
  .display-main{grid-template-columns:1fr!important;grid-template-rows:1fr 1fr;gap:.5rem;padding:.3rem}
  .display-col .col-numbers{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))!important;gap:.4rem}
  .emp-cards{flex-direction:column!important}

  .admin-header{padding:.5rem .8rem;flex-wrap:wrap;gap:.3rem}
  .admin-nav{gap:.2rem;padding:.2rem}
  .admin-nav-link{padding:.4rem .6rem;font-size:.6rem}
  .admin-stats{gap:.3rem}
  .stat-pill{font-size:.6rem;padding:.3rem .6rem}
  .admin-brand .brand-b{font-size:.9rem}

  button, .btn, .site-nav-link, .admin-nav-link, .pos-nav-link, .driver-nav-link, .fin-nav-link, .order-btn, .tool-btn{
    min-height:48px!important;
  }
  .kpi-label{font-size:.7rem}
  .kpi-value{font-size:1.2rem}
  .order-card{padding:.8rem}
  .kanban-col-head{padding:.8rem}
  .modal{width:96vw;border-radius:12px}
  .modal-head{padding:1rem 1.2rem}
  .modal-body{padding:1.2rem}
}

@media(min-width:768px){
  .bottom-bar{display:none!important}
}

/* ---- main wrapper fallback (when no --main class present) ---- */
main, .dashboard{
  padding:1.5rem 2rem;max-width:1400px;margin:0 auto;
}
@media(max-width:767px){
  main, .dashboard{padding:.8rem .6rem 80px}
}

/* ================================================
   LIGHT MODE
   ================================================ */
:root.light-mode {
  --ink: #ffffff;
  --ink-2: #f1f5f9;
  --ink-3: #e2e8f0;
  --bone: #0f172a;
  --bone-2: #1e293b;
  --paper: #ffffff;
  --muted: #64748b;
  --line: rgba(0,0,0,.08);
  --glass-bg: rgba(255,255,255,.92);
  --glass-border: rgba(212,175,55,.35);
}
html.light-mode body {
  background: #f8fafc !important;
  color: #0f172a !important;
}
html.light-mode body::before {
  content: none !important;
}
/* Headers */
html.light-mode .site-header,
html.light-mode .admin-header,
html.light-mode .pos-header,
html.light-mode .fin-header,
html.light-mode .driver-header,
html.light-mode .track-header,
html.light-mode .sa-header,
html.light-mode .display-header {
  background: rgba(255,255,255,.95) !important;
  border-bottom-color: rgba(212,175,55,.2) !important;
}
/* Nav containers */
html.light-mode .site-nav,
html.light-mode .admin-nav,
html.light-mode .pos-nav,
html.light-mode .fin-nav,
html.light-mode .driver-nav {
  background: rgba(0,0,0,.04) !important;
}
html.light-mode .site-nav-link,
html.light-mode .admin-nav-link,
html.light-mode .pos-nav-link,
html.light-mode .fin-nav-link,
html.light-mode .driver-nav-link {
  color: #64748b !important;
}
html.light-mode .site-nav-link:hover,
html.light-mode .admin-nav-link:hover,
html.light-mode .pos-nav-link:hover,
html.light-mode .fin-nav-link:hover,
html.light-mode .driver-nav-link:hover {
  color: #0f172a !important;
  background: rgba(0,0,0,.04) !important;
}
/* Glass elements */
html.light-mode .glass {
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(212,175,55,.2) !important;
}
html.light-mode .glass-strong,
html.light-mode .glass-card,
html.light-mode .card,
html.light-mode .modal-content {
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(212,175,55,.25) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.08) !important;
}
/* Modal */
html.light-mode .modal {
  background: rgba(255,255,255,.96) !important;
  border-color: rgba(212,175,55,.25) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.12) !important;
}
html.light-mode .modal-head {
  border-bottom-color: rgba(0,0,0,.08) !important;
  background: rgba(255,255,255,.96) !important;
}
html.light-mode .modal-close {
  background: rgba(0,0,0,.06) !important;
  color: #64748b !important;
}
html.light-mode .modal-close:hover {
  background: rgba(0,0,0,.1) !important;
  color: #0f172a !important;
}
/* Bottom bar & bottom sheet */
html.light-mode .bottom-bar {
  background: rgba(255,255,255,.96) !important;
  border-top-color: rgba(212,175,55,.15) !important;
}
html.light-mode .bottom-link { color: #64748b !important; }
html.light-mode .bottom-link.active { color: #D4AF37 !important; }
html.light-mode .bottom-sheet { background: rgba(255,255,255,.96) !important; }
html.light-mode .sheet-head { border-bottom-color: rgba(0,0,0,.08) !important; }
html.light-mode .sheet-close { background: rgba(0,0,0,.06) !important; color: #64748b !important; }
html.light-mode .sheet-footer { border-top-color: rgba(0,0,0,.08) !important; }
/* Overlay */
html.light-mode .modal-overlay,
html.light-mode .bottom-sheet-overlay {
  background: rgba(0,0,0,.35) !important;
}
/* Charts */
html.light-mode .chart-wrapper {
  background: rgba(255,255,255,.85) !important;
  border-color: rgba(212,175,55,.2) !important;
}
/* KPI cards */
html.light-mode .kpi-card {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(0,0,0,.08) !important;
}
html.light-mode .kpi-value { color: #0f172a !important; }
html.light-mode .kpi-label { color: #64748b !important; }
html.light-mode .kpi-sub { color: #64748b !important; }
/* Order cards */
html.light-mode .order-card {
  background: rgba(255,255,255,.85) !important;
  border-color: rgba(0,0,0,.08) !important;
}
html.light-mode .order-card:hover {
  background: rgba(255,255,255,.95) !important;
  border-color: rgba(0,0,0,.12) !important;
}
html.light-mode .order-id { color: #D4AF37 !important; }
html.light-mode .order-time { color: #64748b !important; }
html.light-mode .order-customer { color: #0f172a !important; }
html.light-mode .order-address { color: #64748b !important; }
html.light-mode .order-item-name { color: #0f172a !important; }
html.light-mode .order-item-details { color: #64748b !important; }
html.light-mode .order-btn.bon {
  background: rgba(0,0,0,.06) !important;
  color: #0f172a !important;
}
html.light-mode .order-btn.bon:hover { background: rgba(0,0,0,.1) !important; }
/* Kanban */
html.light-mode .kanban { background: rgba(0,0,0,.04) !important; }
html.light-mode .kanban-col { background: #f1f5f9 !important; }
html.light-mode .kanban-col-head { background: #f1f5f9 !important; border-bottom-color: rgba(0,0,0,.08) !important; }
html.light-mode .kanban-col-head h3 { color: #0f172a !important; }
html.light-mode .kanban-tab-bar { background: rgba(255,255,255,.9) !important; }
html.light-mode .kanban-tab { background: rgba(0,0,0,.04) !important; color: #64748b !important; }
html.light-mode .kanban-tab.active { background: #D4AF37 !important; color: #0f172a !important; }
/* Admin */
html.light-mode .login-card {
  background: rgba(255,255,255,.95) !important;
  border-color: rgba(0,0,0,.08) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.15) !important;
}
html.light-mode .login-hint { color: #64748b !important; }
html.light-mode .pin-pad button {
  background: rgba(0,0,0,.04) !important;
  border-color: rgba(0,0,0,.1) !important;
  color: #0f172a !important;
}
html.light-mode .pin-pad button:hover { background: rgba(0,0,0,.08) !important; }
html.light-mode .stat-pill {
  background: rgba(0,0,0,.04) !important;
  border-color: rgba(0,0,0,.08) !important;
  color: #64748b !important;
}
html.light-mode .stat-pill.active { border-color: rgba(41,128,185,.4) !important; color: #3b82f6 !important; }
html.light-mode .stat-pill.done { border-color: rgba(39,174,96,.4) !important; color: #16a34a !important; }
html.light-mode .stat-num { color: #0f172a !important; }
html.light-mode .logout-btn {
  border-color: rgba(0,0,0,.12) !important;
  color: #64748b !important;
}
html.light-mode .logout-btn:hover {
  background: rgba(0,0,0,.06) !important;
  color: #0f172a !important;
}
/* Menu manager */
html.light-mode .mm-search,
html.light-mode .mm-filter,
html.light-mode .mm-field input,
html.light-mode .mm-field select {
  background: rgba(255,255,255,.85) !important;
  border-color: rgba(0,0,0,.1) !important;
  color: #0f172a !important;
}
html.light-mode .mm-filter option { background: #ffffff !important; color: #0f172a !important; }
html.light-mode .mm-item { background: rgba(255,255,255,.85) !important; border-color: rgba(0,0,0,.08) !important; }
html.light-mode .mm-item-name { color: #0f172a !important; }
html.light-mode .mm-item-meta { color: #64748b !important; }
html.light-mode .mm-item-btn { background: rgba(0,0,0,.06) !important; color: #64748b !important; }
html.light-mode .mm-item-btn:hover { background: rgba(0,0,0,.1) !important; color: #0f172a !important; }
html.light-mode .mm-check {
  border-color: rgba(0,0,0,.1) !important;
  background: rgba(255,255,255,.85) !important;
  color: #64748b !important;
}
html.light-mode .mm-check:has(input:checked) {
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
  background: rgba(212,175,55,.1) !important;
}
html.light-mode .mm-cancel-btn { background: rgba(0,0,0,.06) !important; color: #64748b !important; }
html.light-mode .mm-cancel-btn:hover { background: rgba(0,0,0,.1) !important; }
/* POS */
html.light-mode .pos-tile {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(0,0,0,.08) !important;
}
html.light-mode .pos-sidebar { background: rgba(255,255,255,.95) !important; }
html.light-mode .pos-cart-head { border-bottom-color: rgba(0,0,0,.08) !important; }
html.light-mode .pos-empty { color: #64748b !important; }
html.light-mode .pos-cart-item { border-bottom-color: rgba(0,0,0,.08) !important; }
html.light-mode .pos-cart-item-price { color: #D4AF37 !important; }
html.light-mode .pos-cart-foot { border-top-color: rgba(0,0,0,.08) !important; }
html.light-mode .pos-total-line span:first-child { color: #64748b !important; }
html.light-mode .pos-total-line span:last-child { color: #D4AF37 !important; }
html.light-mode .pos-fast-btn {
  background: rgba(0,0,0,.04) !important;
  border-color: rgba(0,0,0,.08) !important;
  color: #0f172a !important;
}
html.light-mode .pos-fast-btn:hover {
  border-color: #D4AF37 !important;
  background: rgba(0,0,0,.06) !important;
}
html.light-mode .pos-fast-btn.passend {
  background: rgba(212,175,55,.1) !important;
  border-color: rgba(212,175,55,.3) !important;
  color: #D4AF37 !important;
}
html.light-mode .cat-tab {
  background: rgba(255,255,255,.85) !important;
  color: #64748b !important;
  border-color: rgba(0,0,0,.08) !important;
}
html.light-mode .cat-tab.active {
  background: #D4AF37 !important;
  color: #0f172a !important;
}
html.light-mode .pos-cat-tabs { background: rgba(255,255,255,.95) !important; }
/* Cash modal */
html.light-mode .cash-total { background: rgba(0,0,0,.04) !important; }
html.light-mode .cash-preset {
  background: rgba(255,255,255,.85) !important;
  border-color: rgba(0,0,0,.08) !important;
  color: #0f172a !important;
}
html.light-mode .cash-preset:hover { border-color: #D4AF37 !important; }
html.light-mode .cash-preset.active { background: #D4AF37 !important; color: #0f172a !important; }
html.light-mode .cash-input {
  background: rgba(255,255,255,.85) !important;
  border-color: rgba(0,0,0,.1) !important;
  color: #0f172a !important;
}
/* POS modals */
html.light-mode .pos-mobile-tabs {
  background: rgba(255,255,255,.96) !important;
  border-top-color: rgba(0,0,0,.08) !important;
}
html.light-mode .pos-mobile-tab { color: #64748b !important; }
html.light-mode .pos-mobile-tab.active { color: #D4AF37 !important; border-color: #D4AF37 !important; }
/* Delivery / Driver */
html.light-mode .delivery-card {
  background: rgba(255,255,255,.85) !important;
  border-color: rgba(0,0,0,.08) !important;
}
html.light-mode .delivery-card:hover {
  background: rgba(255,255,255,.95) !important;
  border-color: rgba(0,0,0,.12) !important;
}
html.light-mode .delivery-id { color: #D4AF37 !important; }
html.light-mode .delivery-time { color: #64748b !important; }
html.light-mode .delivery-address { color: #64748b !important; }
html.light-mode .delivery-address strong { color: #0f172a !important; }
html.light-mode .delivery-items { color: #64748b !important; }
html.light-mode .delivery-footer { border-top-color: rgba(0,0,0,.08) !important; }
html.light-mode .delivery-total { color: #D4AF37 !important; }
html.light-mode .call-btn {
  border-color: rgba(0,0,0,.12) !important;
  color: #0f172a !important;
}
html.light-mode .call-btn:hover { background: rgba(0,0,0,.06) !important; }
/* Kassensturz */
html.light-mode .kassensturz-card {
  background: rgba(16,185,129,.06) !important;
  border-color: rgba(16,185,129,.15) !important;
}
html.light-mode .kassensturz-row { color: #64748b !important; }
html.light-mode .kassensturz-row.total { color: #0f172a !important; }
html.light-mode .kassensturz-val { color: #0f172a !important; }
/* Inventory */
html.light-mode .inv-card,
html.light-mode .inv-summary .stat,
html.light-mode .waste-section {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(0,0,0,.08) !important;
}
html.light-mode .inv-search {
  background: rgba(255,255,255,.85) !important;
  border-color: rgba(0,0,0,.08) !important;
}
html.light-mode .inv-search input { color: #0f172a !important; }
html.light-mode .inv-search input::placeholder { color: rgba(0,0,0,.25) !important; }
html.light-mode .inv-filter button {
  border-color: rgba(0,0,0,.1) !important;
  color: #64748b !important;
}
html.light-mode .inv-filter button.active { background: #D4AF37 !important; color: #0f172a !important; }
html.light-mode .inv-filter button:hover:not(.active) { border-color: #D4AF37 !important; color: #0f172a !important; }
html.light-mode .inv-card-name { color: #0f172a !important; }
html.light-mode .inv-card-cat { color: #64748b !important; }
html.light-mode .inv-stock-unit { color: #64748b !important; }
html.light-mode .inv-card-portion { color: #64748b !important; }
html.light-mode .inv-card-controls { border-top-color: rgba(0,0,0,.08) !important; }
html.light-mode .inv-card-controls button {
  background: rgba(0,0,0,.04) !important;
  color: #0f172a !important;
}
html.light-mode .inv-card-controls button:hover { background: rgba(0,0,0,.08) !important; }
html.light-mode .inv-card-controls .stock-display {
  color: #0f172a !important;
  border-color: rgba(0,0,0,.08) !important;
}
html.light-mode .inv-card-actions button { border-color: rgba(0,0,0,.08) !important; color: #64748b !important; }
html.light-mode .inv-low-grid { background: rgba(239,68,68,.06) !important; border-color: rgba(239,68,68,.15) !important; }
html.light-mode .inv-low-item { color: #0f172a !important; }
html.light-mode .inv-low-item .low-label { color: #64748b !important; }
html.light-mode .inv-empty { color: #64748b !important; }
html.light-mode .waste-entry { background: rgba(0,0,0,.04) !important; border-color: rgba(0,0,0,.06) !important; }
html.light-mode .waste-entry-name { color: #0f172a !important; }
html.light-mode .waste-entry-ts { color: #64748b !important; }
html.light-mode .waste-entry-reason { color: #64748b !important; }
html.light-mode .waste-header { color: #0f172a !important; }
html.light-mode .waste-count { color: #64748b !important; }
/* Modal card for inventory & shifts */
html.light-mode .inv-modal-card,
html.light-mode .sch-modal-card {
  background: rgba(255,255,255,.95) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.12) !important;
}
html.light-mode .inv-modal-card label span,
html.light-mode .sch-modal-card label span { color: #64748b !important; }
html.light-mode .inv-modal-card input,
html.light-mode .sch-modal-card input,
html.light-mode .inv-modal-card select,
html.light-mode .sch-modal-card select {
  background: rgba(255,255,255,.85) !important;
  border-color: rgba(0,0,0,.1) !important;
  color: #0f172a !important;
}
html.light-mode .btn-cancel,
html.light-mode .sch-btn-cancel { background: rgba(0,0,0,.08) !important; color: #0f172a !important; }
html.light-mode .btn-cancel:hover,
html.light-mode .sch-btn-cancel:hover { background: rgba(0,0,0,.12) !important; }
html.light-mode .btn-save,
html.light-mode .sch-btn-save { background: #D4AF37 !important; color: #0f172a !important; }
/* Shifts */
html.light-mode .clock-section {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(212,175,55,.2) !important;
}
html.light-mode .clock-time { color: #D4AF37 !important; }
html.light-mode .clock-date { color: #64748b !important; }
html.light-mode .clock-select,
html.light-mode .clock-pin-input {
  background: rgba(255,255,255,.85) !important;
  border-color: rgba(0,0,0,.1) !important;
  color: #0f172a !important;
}
html.light-mode .clock-select option { background: #ffffff !important; color: #0f172a !important; }
html.light-mode .clock-btn.out {
  background: rgba(0,0,0,.06) !important;
  color: #0f172a !important;
  border-color: rgba(0,0,0,.1) !important;
}
html.light-mode .clock-btn.out:hover { background: rgba(0,0,0,.1) !important; }
html.light-mode .sch-day {
  background: rgba(255,255,255,.85) !important;
  border-color: rgba(0,0,0,.08) !important;
}
html.light-mode .sch-day.today { border-color: #D4AF37 !important; }
html.light-mode .sch-day-header .day-name { color: #64748b !important; }
html.light-mode .sch-day-header .day-date { color: #0f172a !important; }
html.light-mode .sch-shift-entry {
  background: rgba(212,175,55,.08) !important;
  border-color: rgba(212,175,55,.15) !important;
}
html.light-mode .sch-shift-name { color: #0f172a !important; }
html.light-mode .sch-shift-role { color: #D4AF37 !important; }
html.light-mode .sch-shift-time { color: #64748b !important; }
html.light-mode .sch-empty { color: rgba(0,0,0,.2) !important; }
html.light-mode .sch-week-nav button {
  border-color: rgba(0,0,0,.1) !important;
  color: #64748b !important;
}
html.light-mode .sch-week-nav button:hover { border-color: #D4AF37 !important; color: #D4AF37 !important; }
html.light-mode .week-label { color: #0f172a !important; }
html.light-mode .sch-toolbar h2 { color: #0f172a !important; }
html.light-mode .sch-employees h3 { color: #0f172a !important; }
html.light-mode .emp-card-name { color: #0f172a !important; }
html.light-mode .emp-card-pin { color: #64748b !important; }
html.light-mode .emp-role-tag { background: rgba(0,0,0,.06) !important; }
html.light-mode .emp-add-card h4 { color: #64748b !important; }
html.light-mode .emp-field span { color: #64748b !important; }
html.light-mode .emp-field input {
  background: rgba(255,255,255,.85) !important;
  border-color: rgba(0,0,0,.1) !important;
  color: #0f172a !important;
}
html.light-mode .emp-field input::placeholder { color: rgba(0,0,0,.25) !important; }
html.light-mode .emp-role-check {
  border-color: rgba(0,0,0,.08) !important;
  background: rgba(0,0,0,.03) !important;
  color: #64748b !important;
}
html.light-mode .emp-role-check:has(input:checked) {
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
  background: rgba(212,175,55,.1) !important;
}
/* Tracking (shared via glass.css) */
html.light-mode .track-detail-card,
html.light-mode .rating-widget,
html.light-mode .critique-form {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(0,0,0,.08) !important;
}
html.light-mode .track-order-id { color: #64748b !important; }
html.light-mode .track-step span { color: #64748b !important; }
html.light-mode .track-step.done span,
html.light-mode .track-step.active span { color: #0f172a !important; }
html.light-mode .step-dot {
  border-color: rgba(0,0,0,.12) !important;
  background: rgba(255,255,255,.85) !important;
  color: #64748b !important;
}
html.light-mode .track-line { background: rgba(0,0,0,.12) !important; }
html.light-mode .track-eta {
  background: rgba(212,175,55,.08) !important;
  border-color: rgba(212,175,55,.15) !important;
}
html.light-mode .eta-label { color: #64748b !important; }
html.light-mode .star-btn { color: rgba(0,0,0,.15) !important; }
html.light-mode .critique-form textarea {
  background: rgba(255,255,255,.85) !important;
  border-color: rgba(0,0,0,.1) !important;
  color: #0f172a !important;
}
/* Tracking empty state */
html.light-mode .track-empty p { color: #64748b !important; }
html.light-mode .track-back { color: #64748b !important; }
html.light-mode .track-back:hover { color: #0f172a !important; }
/* Finanzen Tables */
html.light-mode .tx-table thead { background: rgba(0,0,0,.04) !important; border-bottom-color: rgba(0,0,0,.1) !important; }
html.light-mode .tx-table th { color: #64748b !important; }
html.light-mode .tx-table td { border-bottom-color: rgba(0,0,0,.04) !important; color: #0f172a !important; }
html.light-mode .tx-table tbody tr:hover { background: rgba(0,0,0,.02) !important; }
html.light-mode .filter-group { background: rgba(0,0,0,.04) !important; }
html.light-mode .filter-btn { color: #64748b !important; }
html.light-mode .filter-btn:hover { color: #0f172a !important; background: rgba(0,0,0,.04) !important; }
html.light-mode .filter-btn.active { background: #D4AF37 !important; color: #0f172a !important; }
html.light-mode .search-box { background: rgba(0,0,0,.04) !important; border-color: rgba(0,0,0,.08) !important; }
html.light-mode .search-box input { color: #0f172a !important; }
html.light-mode .search-box input::placeholder { color: #64748b !important; }
html.light-mode .tool-btn { background: rgba(0,0,0,.04) !important; border-color: rgba(0,0,0,.08) !important; color: #0f172a !important; }
html.light-mode .tool-btn.gold { background: #D4AF37 !important; color: #0f172a !important; }
html.light-mode .table-wrap { background: rgba(255,255,255,.9) !important; border-color: rgba(0,0,0,.08) !important; }
html.light-mode .table-footer { border-top-color: rgba(0,0,0,.08) !important; color: #64748b !important; }
/* SuperAdmin */
html.light-mode .tenant-card {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(0,0,0,.08) !important;
}
html.light-mode .tenant-card .tc-name { color: #0f172a !important; }
html.light-mode .tenant-card .tc-id { color: #64748b !important; }
html.light-mode .tenant-card .tc-info { color: #64748b !important; }
html.light-mode .tenant-card .tc-btn {
  border-color: rgba(0,0,0,.1) !important;
  color: #0f172a !important;
}
html.light-mode .tenant-card .tc-btn:hover { background: rgba(0,0,0,.06) !important; }
html.light-mode .sa-stat {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(0,0,0,.08) !important;
}
html.light-mode .sa-stat .lbl { color: #64748b !important; }
html.light-mode .sa-login-card {
  background: rgba(255,255,255,.95) !important;
}
/* Display */
html.light-mode .display-main { background: rgba(0,0,0,.03) !important; }
html.light-mode .prep-col { background: rgba(245,158,11,.03) !important; }
html.light-mode .ready-col { background: rgba(16,185,129,.03) !important; }
html.light-mode .display-col .col-head { border-bottom-color: rgba(0,0,0,.06) !important; }
/* Skewer meter */
html.light-mode .skewer-section {
  background: rgba(255,255,255,.8) !important;
  border-color: rgba(0,0,0,.06) !important;
}
html.light-mode .skewer-card {
  background: rgba(0,0,0,.03) !important;
  border-color: rgba(0,0,0,.06) !important;
}
html.light-mode .skewer-label { color: #0f172a !important; }
html.light-mode .skewer-bar-bg { background: rgba(0,0,0,.1) !important; }
html.light-mode .admin-sum-bar { background: rgba(245,158,11,.1) !important; border-color: rgba(245,158,11,.2) !important; }
html.light-mode .sum-tag { background: rgba(0,0,0,.06) !important; color: #0f172a !important; }
html.light-mode .sum-tag strong { color: #D4AF37 !important; }
/* General inputs */
html.light-mode input,
html.light-mode select,
html.light-mode textarea {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}
/* Buttons outline */
html.light-mode .btn-outline { border-color: #D4AF37 !important; color: #D4AF37 !important; }
html.light-mode .btn-outline:hover { background: rgba(212,175,55,.1) !important; }
/* Lang switch & theme toggle buttons */
html.light-mode .lang-switch button,
html.light-mode .theme-toggle-btn {
  border-color: rgba(0,0,0,.12) !important;
  color: #64748b !important;
}
html.light-mode .lang-switch button.active,
html.light-mode .lang-switch button.active {
  background: #D4AF37 !important;
  color: #0f172a !important;
}
/* Order tags */
html.light-mode .order-item-oos {
  background: rgba(0,0,0,.06) !important;
  color: #64748b !important;
}
html.light-mode .order-item-oos:hover { background: rgba(239,68,68,.15) !important; color: #EF4444 !important; }
html.light-mode .order-item-oos.oos {
  background: rgba(239,68,68,.12) !important;
  color: #EF4444 !important;
  border-color: rgba(239,68,68,.3) !important;
}
/* Modal foot & inline borders */
html.light-mode [style*="border-top:1px solid rgba(255,255,255,.06)"] {
  border-top-color: rgba(0,0,0,.08) !important;
}
html.light-mode [style*="border-top:1px solid rgba(255,255,255,.12)"],
html.light-mode [style*="border:1px solid rgba(255,255,255,.12)"] {
  border-color: rgba(0,0,0,.12) !important;
}
html.light-mode [style*="border:1px solid rgba(255,255,255,.1)"] {
  border-color: rgba(0,0,0,.1) !important;
}
/* Scrollbar */
html.light-mode ::-webkit-scrollbar-thumb { background: rgba(0,0,0,.1) !important; }
html.light-mode ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.18) !important; }
/* System footer */
html.light-mode .system-footer { color: rgba(212,175,55,.6) !important; border-top-color: rgba(212,175,55,.15) !important; }
/* Headings (light mode) */
html.light-mode h1, html.light-mode h2, html.light-mode h3, html.light-mode h4,
html.light-mode th, html.light-mode td { color: #0f172a !important; }
/* Muted text */
html.light-mode .text-muted,
html.light-mode .site-brand .brand-sub,
html.light-mode .admin-brand .brand-sub,
html.light-mode .pos-brand .brand-sub,
html.light-mode .fin-brand .brand-sub,
html.light-mode .driver-brand .brand-sub,
html.light-mode .track-brand .brand-sub,
html.light-mode .sa-brand .brand-sub,
html.light-mode .display-brand .brand-sub { color: #64748b !important; }