/* =====================================================================
   HolzKlug Zentrale — Design-Varianten (Override-Layer auf style.css)
   Aktivierung: body-Klasse "theme-v1" | "theme-v2" | "theme-v3"
   Ohne Klasse = Original-Design bleibt erhalten.
   ===================================================================== */


/* =====================================================================
   VARIANTE 1 — Clean & Minimal (Apple / Notion Style)
   Helles, ruhiges Layout. Sanfte Schatten, viel Luft, klare Typografie.
   ===================================================================== */
body.theme-v1{
  --bg:#fafaf9;--bg2:#ffffff;--bg3:#f5f4f1;--bg4:#eae8e3;
  --mo:#0f172a;--mo2:#334155;--qu:#64748b;--ch:#b45309;
  --du:#475569;--du2:#64748b;--co:#dc2626;
  --t1:#0f172a;--t2:#475569;--t3:#94a3b8;--r:14px;--rs:10px;
  background:var(--bg);color:var(--t1);
  font-family:-apple-system,BlinkMacSystemFont,'Inter','DM Sans',sans-serif;
  font-feature-settings:"ss01","cv11";
}
body.theme-v1 .sidebar{background:var(--bg2);border-right:1px solid var(--bg4);box-shadow:none}
body.theme-v1 .sl{border-bottom:1px solid var(--bg4)}
body.theme-v1 .sl img{border-color:var(--bg4)}
body.theme-v1 .sl .sub{color:var(--t3);font-weight:500;letter-spacing:.3px}
body.theme-v1 .ss{color:var(--t3);font-size:11px;font-weight:600;letter-spacing:1.2px}
body.theme-v1 .si{color:var(--t2);font-weight:500;border-radius:10px;transition:background .15s ease,color .15s ease}
body.theme-v1 .si:hover{background:var(--bg3);color:var(--t1)}
body.theme-v1 .si.on{background:var(--bg3);color:var(--t1);box-shadow:inset 3px 0 0 var(--mo)}
body.theme-v1 .topbar{background:var(--bg2);border-bottom:1px solid var(--bg4)}
body.theme-v1 .tm span{color:var(--t2);font-weight:600;text-shadow:none;letter-spacing:2px;font-size:14px}
body.theme-v1 .tc{color:var(--t1)}
body.theme-v1 #sb-toggle{background:var(--bg3);border-color:var(--bg4);color:var(--t2)}
body.theme-v1 #sb-toggle:hover{background:var(--bg4);color:var(--mo);border-color:var(--mo)}
body.theme-v1 .c{background:var(--bg2);border:1px solid var(--bg4);border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 1px 3px rgba(15,23,42,.04);transition:box-shadow .2s ease,transform .2s ease}
body.theme-v1 .c:hover{border-color:var(--bg4);box-shadow:0 4px 16px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.04)}
body.theme-v1 .ch{color:var(--t1);font-size:14px;text-transform:none;letter-spacing:-.2px;font-weight:700}
body.theme-v1 .st{color:var(--t1);font-family:-apple-system,BlinkMacSystemFont,'Inter',sans-serif;font-weight:700;letter-spacing:-.5px}
body.theme-v1 .m .v{font-family:-apple-system,BlinkMacSystemFont,'Inter',sans-serif;color:var(--t1);font-weight:700;letter-spacing:-1.5px}
body.theme-v1 .m .l{color:var(--t2);font-weight:500}
body.theme-v1 .m:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(15,23,42,.08)}
body.theme-v1 table.tbl{font-size:14px}
body.theme-v1 table.tbl th{background:var(--bg3);color:var(--t3);border-bottom:1px solid var(--bg4);font-size:11px;font-weight:600;letter-spacing:.6px}
body.theme-v1 table.tbl td{border-bottom:1px solid var(--bg4)}
body.theme-v1 table.tbl tr:nth-child(even) td{background:transparent}
body.theme-v1 table.tbl tr:hover td{background:var(--bg3)}
body.theme-v1 .inp{background:var(--bg2);border:1px solid var(--bg4);color:var(--t1);border-radius:10px}
body.theme-v1 .inp:focus{border-color:var(--mo);box-shadow:0 0 0 3px rgba(15,23,42,.08)}
body.theme-v1 .tab{background:transparent;color:var(--t3);border:1px solid transparent;font-weight:500}
body.theme-v1 .tab:hover{background:var(--bg3);color:var(--t1)}
body.theme-v1 .tab.on{background:var(--t1);color:var(--bg2)}
body.theme-v1 .lb{background:var(--bg2);border:1px solid var(--bg4);color:var(--t1);box-shadow:0 1px 2px rgba(15,23,42,.04)}
body.theme-v1 .lb:hover{background:var(--bg3);border-color:var(--t3)}
body.theme-v1 .sk a{background:var(--bg3);color:var(--t2);font-weight:500;border-color:transparent}
body.theme-v1 .sk a:hover{background:var(--bg4);color:var(--t1);border-color:var(--bg4)}
body.theme-v1 .sc{background:var(--bg3);border-left:3px solid var(--mo);color:var(--t1)}
body.theme-v1 .sc:hover{background:var(--bg4)}
body.theme-v1 .pg{background:var(--bg4)}
body.theme-v1 .fb{border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
body.theme-v1 .fb .fv{font-family:-apple-system,BlinkMacSystemFont,'Inter',sans-serif;font-weight:700;letter-spacing:-1px}
body.theme-v1 .tbl-wrap{border:1px solid var(--bg4);border-radius:14px;background:var(--bg2)}


/* =====================================================================
   VARIANTE 2 — Dark Premium Dashboard (Trading / SaaS Vibe)
   Tiefes Dunkel, Glasmorphism-Karten, Indigo/Cyan-Akzent, leuchtende KPIs.
   ===================================================================== */
body.theme-v2{
  --bg:#0a0b10;--bg2:#12131a;--bg3:#1a1c26;--bg4:#262934;
  --mo:#6366f1;--mo2:#818cf8;--qu:#94a3b8;--ch:#22d3ee;
  --du:#8b5cf6;--du2:#a78bfa;--co:#f43f5e;
  --t1:#f1f5f9;--t2:#cbd5e1;--t3:#64748b;--r:14px;--rs:10px;
  background:
    radial-gradient(ellipse 80% 50% at 20% 0%,rgba(99,102,241,.12),transparent 60%),
    radial-gradient(ellipse 60% 50% at 100% 100%,rgba(34,211,238,.08),transparent 60%),
    var(--bg);
  color:var(--t1);
  font-family:'Inter','DM Sans',sans-serif;
}
body.theme-v2 .sidebar{background:rgba(18,19,26,.85);border-right:1px solid rgba(255,255,255,.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
body.theme-v2 .sl{border-bottom:1px solid rgba(255,255,255,.06)}
body.theme-v2 .sl img{border-color:var(--mo);box-shadow:0 0 20px rgba(99,102,241,.4)}
body.theme-v2 .sl .sub{color:var(--mo2);font-weight:600}
body.theme-v2 .ss{color:var(--ch);font-size:10px;font-weight:700;letter-spacing:2px;opacity:.7}
body.theme-v2 .si{color:var(--t2);border-radius:10px;font-weight:500;position:relative}
body.theme-v2 .si:hover{background:rgba(99,102,241,.1);color:var(--t1)}
body.theme-v2 .si.on{background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(139,92,246,.18));color:#fff;border:1px solid rgba(99,102,241,.35);box-shadow:0 0 24px rgba(99,102,241,.25)}
body.theme-v2 .topbar{background:rgba(18,19,26,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}
body.theme-v2 .tm span{background:linear-gradient(135deg,var(--mo) 0%,var(--ch) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;font-weight:800}
body.theme-v2 .tc{color:var(--t1);font-variant-numeric:tabular-nums}
body.theme-v2 #sb-toggle{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.25);color:var(--mo2)}
body.theme-v2 #sb-toggle:hover{background:rgba(99,102,241,.2);color:#fff;box-shadow:0 0 20px rgba(99,102,241,.3)}
body.theme-v2 .c{background:linear-gradient(180deg,rgba(26,28,38,.9) 0%,rgba(18,19,26,.85) 100%);border:1px solid rgba(255,255,255,.06);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04)}
body.theme-v2 .c:hover{border-color:rgba(99,102,241,.3);box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px rgba(99,102,241,.15),inset 0 1px 0 rgba(255,255,255,.06)}
body.theme-v2 .ch{color:var(--ch);font-size:12px;letter-spacing:1.5px;font-weight:700}
body.theme-v2 .st{background:linear-gradient(135deg,var(--t1) 0%,var(--ch) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:'Inter',sans-serif;letter-spacing:-.5px}
body.theme-v2 .m{background:linear-gradient(135deg,rgba(26,28,38,.95) 0%,rgba(18,19,26,.9) 100%)}
body.theme-v2 .m .v{font-family:'Inter',sans-serif;background:linear-gradient(135deg,var(--mo2) 0%,var(--ch) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;letter-spacing:-2px}
body.theme-v2 .m:hover{border-color:rgba(99,102,241,.5);box-shadow:0 12px 40px rgba(99,102,241,.2)}
body.theme-v2 table.tbl th{background:rgba(26,28,38,.95);color:var(--ch);border-bottom:1px solid rgba(34,211,238,.3);font-size:11px;letter-spacing:1.2px}
body.theme-v2 table.tbl td{border-bottom:1px solid rgba(255,255,255,.04)}
body.theme-v2 table.tbl tr:nth-child(even) td{background:rgba(99,102,241,.03)}
body.theme-v2 table.tbl tr:hover td{background:rgba(99,102,241,.08)}
body.theme-v2 .inp{background:rgba(10,11,16,.6);border:1px solid rgba(255,255,255,.08);color:var(--t1);border-radius:10px}
body.theme-v2 .inp:focus{border-color:var(--mo);box-shadow:0 0 0 3px rgba(99,102,241,.2)}
body.theme-v2 .tab{background:rgba(26,28,38,.6);color:var(--t3);border:1px solid rgba(255,255,255,.05)}
body.theme-v2 .tab:hover{color:var(--t1);border-color:rgba(99,102,241,.3)}
body.theme-v2 .tab.on{background:linear-gradient(135deg,var(--mo),var(--du));color:#fff;border-color:transparent;box-shadow:0 4px 14px rgba(99,102,241,.35)}
body.theme-v2 .lb{background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.25);color:var(--ch)}
body.theme-v2 .lb:hover{background:rgba(34,211,238,.15);border-color:var(--ch);box-shadow:0 0 18px rgba(34,211,238,.2)}
body.theme-v2 .sk a{background:rgba(26,28,38,.6);color:var(--mo2);border:1px solid rgba(255,255,255,.04)}
body.theme-v2 .sk a:hover{background:rgba(99,102,241,.15);color:#fff;border-color:var(--mo)}
body.theme-v2 .sc{background:rgba(26,28,38,.6);border-left:3px solid var(--mo)}
body.theme-v2 .sc:hover{background:rgba(99,102,241,.1)}
body.theme-v2 .pg{background:rgba(255,255,255,.06)}
body.theme-v2 .pb{box-shadow:0 0 12px currentColor}
body.theme-v2 .fb{background:linear-gradient(135deg,rgba(26,28,38,.9) 0%,rgba(18,19,26,.85) 100%);border:1px solid rgba(255,255,255,.06)}
body.theme-v2 .fb .fv{font-family:'Inter',sans-serif;background:linear-gradient(135deg,var(--mo2) 0%,var(--ch) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}
body.theme-v2 .tbl-wrap{border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(18,19,26,.6)}
body.theme-v2 .b{backdrop-filter:blur(8px)}


/* =====================================================================
   VARIANTE 3 — Moderne Business App (leicht farbig, ruhig)
   Warmes Off-White + Teal/Sky-Akzent, sanfte Schatten, Pill-Cards.
   ===================================================================== */
body.theme-v3{
  --bg:#f6f8fb;--bg2:#ffffff;--bg3:#eef2f7;--bg4:#dde4ed;
  --mo:#0ea5e9;--mo2:#38bdf8;--qu:#14b8a6;--ch:#0891b2;
  --du:#6366f1;--du2:#818cf8;--co:#ef4444;
  --t1:#0f172a;--t2:#334155;--t3:#94a3b8;--r:14px;--rs:10px;
  background:var(--bg);color:var(--t1);
  font-family:'Inter','DM Sans',sans-serif;
}
body.theme-v3 .sidebar{background:var(--bg2);border-right:1px solid var(--bg4)}
body.theme-v3 .sl{border-bottom:1px solid var(--bg4);background:linear-gradient(135deg,rgba(14,165,233,.06),rgba(20,184,166,.04))}
body.theme-v3 .sl img{border-color:var(--mo);box-shadow:0 4px 12px rgba(14,165,233,.25)}
body.theme-v3 .sl .sub{color:var(--mo);font-weight:600;text-transform:uppercase}
body.theme-v3 .ss{color:var(--t3);font-size:11px;font-weight:700;letter-spacing:1.5px}
body.theme-v3 .si{color:var(--t2);border-radius:10px;font-weight:500;border:1px solid transparent}
body.theme-v3 .si:hover{background:rgba(14,165,233,.06);color:var(--mo)}
body.theme-v3 .si.on{background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(20,184,166,.08));color:var(--mo);border-color:rgba(14,165,233,.2);box-shadow:inset 3px 0 0 var(--mo)}
body.theme-v3 .topbar{background:var(--bg2);border-bottom:1px solid var(--bg4);box-shadow:0 1px 3px rgba(15,23,42,.03)}
body.theme-v3 .tm span{background:linear-gradient(135deg,var(--mo),var(--qu));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;font-weight:800;letter-spacing:3px}
body.theme-v3 .tc{color:var(--t1);font-variant-numeric:tabular-nums}
body.theme-v3 #sb-toggle{background:linear-gradient(135deg,var(--mo),var(--qu));border:none;color:#fff;box-shadow:0 4px 12px rgba(14,165,233,.3)}
body.theme-v3 #sb-toggle:hover{box-shadow:0 6px 18px rgba(14,165,233,.45);transform:translateY(-1px)}
body.theme-v3 .c{background:var(--bg2);border:1px solid var(--bg4);border-radius:16px;box-shadow:0 1px 3px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.03);transition:all .2s ease}
body.theme-v3 .c:hover{border-color:rgba(14,165,233,.3);box-shadow:0 6px 20px rgba(14,165,233,.08),0 2px 6px rgba(15,23,42,.04);transform:translateY(-1px)}
body.theme-v3 .ch{color:var(--mo);font-size:13px;letter-spacing:.5px;font-weight:700}
body.theme-v3 .st{color:var(--t1);font-weight:800;letter-spacing:-.5px;position:relative;padding-left:14px}
body.theme-v3 .st::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;background:linear-gradient(180deg,var(--mo),var(--qu));border-radius:4px}
body.theme-v3 .m{border-left:4px solid var(--mo);background:linear-gradient(135deg,var(--bg2) 0%,rgba(14,165,233,.03) 100%)}
body.theme-v3 .m .v{color:var(--mo);font-weight:800;letter-spacing:-1.5px;font-family:'Inter',sans-serif}
body.theme-v3 .m:hover{border-left-color:var(--qu);box-shadow:0 12px 32px rgba(14,165,233,.15);transform:translateY(-2px)}
body.theme-v3 table.tbl th{background:var(--bg3);color:var(--t2);border-bottom:2px solid var(--mo);font-size:11px;font-weight:700;letter-spacing:.8px}
body.theme-v3 table.tbl td{border-bottom:1px solid var(--bg4)}
body.theme-v3 table.tbl tr:nth-child(even) td{background:rgba(14,165,233,.02)}
body.theme-v3 table.tbl tr:hover td{background:rgba(14,165,233,.06)}
body.theme-v3 .inp{background:var(--bg2);border:1.5px solid var(--bg4);color:var(--t1);border-radius:10px;transition:all .15s ease}
body.theme-v3 .inp:focus{border-color:var(--mo);box-shadow:0 0 0 3px rgba(14,165,233,.15)}
body.theme-v3 .tab{background:var(--bg2);color:var(--t2);border:1px solid var(--bg4);font-weight:600}
body.theme-v3 .tab:hover{background:var(--bg3);color:var(--mo);border-color:var(--mo)}
body.theme-v3 .tab.on{background:linear-gradient(135deg,var(--mo),var(--qu));color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(14,165,233,.35)}
body.theme-v3 .lb{background:linear-gradient(135deg,rgba(14,165,233,.08),rgba(20,184,166,.06));border:1px solid rgba(14,165,233,.25);color:var(--mo)}
body.theme-v3 .lb:hover{background:linear-gradient(135deg,rgba(14,165,233,.15),rgba(20,184,166,.12));border-color:var(--mo);box-shadow:0 4px 12px rgba(14,165,233,.2)}
body.theme-v3 .sk a{background:var(--bg3);color:var(--t2);border:1px solid transparent;font-weight:600}
body.theme-v3 .sk a:hover{background:var(--bg2);color:var(--mo);border-color:var(--mo)}
body.theme-v3 .sc{background:var(--bg2);border-left:3px solid var(--mo);border:1px solid var(--bg4);border-left:4px solid var(--mo);box-shadow:0 1px 2px rgba(15,23,42,.03)}
body.theme-v3 .sc:hover{background:var(--bg3);border-left-color:var(--qu)}
body.theme-v3 .pg{background:var(--bg4);border-radius:6px}
body.theme-v3 .pb{border-radius:6px}
body.theme-v3 .fb{background:var(--bg2);border:1px solid var(--bg4);border-radius:16px;box-shadow:0 2px 6px rgba(15,23,42,.04)}
body.theme-v3 .fb .fv{font-weight:800;letter-spacing:-1px}
body.theme-v3 .tbl-wrap{border:1px solid var(--bg4);border-radius:14px;background:var(--bg2);box-shadow:0 1px 3px rgba(15,23,42,.03)}
body.theme-v3 .b{font-weight:700}


/* =====================================================================
   VARIANTE 4 — Warm Wood / Artisan (HolzKlug-Brand-Passend)
   Warme Creme- und Holztöne, serifenbetont, handwerklich-elegant.
   ===================================================================== */
body.theme-v4{
  --bg:#f4ebdb;--bg2:#fbf6ec;--bg3:#ede2cc;--bg4:#d9ceb8;
  --mo:#8b5e3c;--mo2:#a67855;--qu:#7d8b6b;--ch:#c89d5f;
  --du:#6b5842;--du2:#8a7558;--co:#b8472b;
  --t1:#3d2c1a;--t2:#6b5842;--t3:#a89686;--r:14px;--rs:10px;
  background:var(--bg);color:var(--t1);font-family:'DM Sans',sans-serif;
}
body.theme-v4 .sidebar{background:var(--bg2);border-right:1px solid var(--bg4)}
body.theme-v4 .sl{border-bottom:1px solid var(--bg4);background:linear-gradient(180deg,rgba(200,157,95,.08),transparent)}
body.theme-v4 .sl img{border-color:var(--mo);box-shadow:0 3px 10px rgba(139,94,60,.2)}
body.theme-v4 .sl b{font-family:'Playfair Display',serif;font-weight:700}
body.theme-v4 .sl .sub{color:var(--mo);font-weight:600;font-style:italic;text-transform:none;letter-spacing:.2px}
body.theme-v4 .ss{color:var(--mo);font-family:'Playfair Display',serif;font-size:13px;font-weight:700;letter-spacing:1.8px}
body.theme-v4 .si{color:var(--t2);font-weight:500;border-radius:8px}
body.theme-v4 .si:hover{background:rgba(139,94,60,.08);color:var(--mo)}
body.theme-v4 .si.on{background:linear-gradient(135deg,var(--mo),var(--mo2));color:#fff;box-shadow:0 2px 10px rgba(139,94,60,.3)}
body.theme-v4 .topbar{background:var(--bg2);border-bottom:1px solid var(--bg4)}
body.theme-v4 .tm span{color:var(--mo);font-family:'Playfair Display',serif;font-style:italic;text-transform:none;letter-spacing:1.5px;text-shadow:none;font-weight:700}
body.theme-v4 .tc{color:var(--t1);font-family:'Playfair Display',serif}
body.theme-v4 #sb-toggle{background:var(--bg3);border:1px solid var(--bg4);color:var(--mo)}
body.theme-v4 #sb-toggle:hover{background:var(--mo);color:#fff;border-color:var(--mo)}
body.theme-v4 .c{background:var(--bg2);border:1px solid var(--bg4);border-radius:14px;box-shadow:0 2px 8px rgba(139,94,60,.05)}
body.theme-v4 .c:hover{border-color:var(--mo2);box-shadow:0 6px 22px rgba(139,94,60,.12)}
body.theme-v4 .ch{color:var(--mo);font-family:'Playfair Display',serif;font-size:17px;letter-spacing:.3px;text-transform:none;font-weight:700}
body.theme-v4 .st{color:var(--mo);font-family:'Playfair Display',serif;font-style:italic;letter-spacing:0}
body.theme-v4 .m .v{font-family:'Playfair Display',serif;color:var(--mo);font-weight:700}
body.theme-v4 .m:hover{border-color:var(--ch);box-shadow:0 10px 28px rgba(200,157,95,.22)}
body.theme-v4 table.tbl th{background:var(--bg3);color:var(--mo);border-bottom:2px solid var(--mo);font-family:'Playfair Display',serif;letter-spacing:1px;font-size:14px}
body.theme-v4 table.tbl td{border-bottom:1px solid var(--bg4)}
body.theme-v4 table.tbl tr:nth-child(even) td{background:rgba(200,157,95,.05)}
body.theme-v4 table.tbl tr:hover td{background:rgba(139,94,60,.08)}
body.theme-v4 .inp{background:var(--bg2);border:1.5px solid var(--bg4);color:var(--t1);border-radius:8px}
body.theme-v4 .inp:focus{border-color:var(--mo);box-shadow:0 0 0 3px rgba(139,94,60,.15)}
body.theme-v4 .tab{background:var(--bg3);color:var(--t2);border:1px solid transparent;font-weight:600}
body.theme-v4 .tab:hover{background:var(--bg4);color:var(--mo)}
body.theme-v4 .tab.on{background:var(--mo);color:#fff;box-shadow:0 3px 12px rgba(139,94,60,.35)}
body.theme-v4 .lb{background:var(--bg2);border:1px solid var(--mo);color:var(--mo);font-weight:600}
body.theme-v4 .lb:hover{background:var(--mo);color:#fff}
body.theme-v4 .sk a{background:var(--bg3);color:var(--t2);border:1px solid transparent}
body.theme-v4 .sk a:hover{background:var(--bg4);color:var(--mo);border-color:var(--mo)}
body.theme-v4 .sc{background:var(--bg2);border:1px solid var(--bg4);border-left:4px solid var(--mo)}
body.theme-v4 .sc:hover{background:var(--bg3)}
body.theme-v4 .pg{background:var(--bg4);border-radius:6px}
body.theme-v4 .fb{background:var(--bg2);border:2px solid var(--bg4);border-radius:14px}
body.theme-v4 .fb .fv{font-family:'Playfair Display',serif;color:var(--mo)}
body.theme-v4 .tbl-wrap{border:1px solid var(--bg4);border-radius:14px;background:var(--bg2)}


/* =====================================================================
   VARIANTE 5 — Mono Editorial / Swiss Design
   Maximale typografische Klarheit. Schwarz/Weiß + Orange-Akzent.
   Neobrutalismus-Touch mit harten Schatten.
   ===================================================================== */
body.theme-v5{
  --bg:#ffffff;--bg2:#ffffff;--bg3:#f5f5f5;--bg4:#e5e5e5;
  --mo:#ff4500;--mo2:#e63e00;--qu:#525252;--ch:#ff4500;
  --du:#000000;--du2:#262626;--co:#ff4500;
  --t1:#000000;--t2:#404040;--t3:#a3a3a3;--r:0;--rs:0;
  background:var(--bg);color:var(--t1);font-family:'Inter','DM Sans',sans-serif;
}
body.theme-v5 .sidebar{background:var(--bg);border-right:2px solid var(--t1)}
body.theme-v5 .sl{border-bottom:2px solid var(--t1);padding:20px 16px}
body.theme-v5 .sl img{border:2px solid var(--t1);border-radius:0;width:44px;height:44px}
body.theme-v5 .sl b{font-weight:800;text-transform:uppercase;letter-spacing:-.3px}
body.theme-v5 .sl .sub{color:var(--mo);font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:10px}
body.theme-v5 .ss{color:var(--t1);font-size:11px;font-weight:900;letter-spacing:2.5px;border-bottom:1px solid var(--t1);padding-bottom:6px;margin-bottom:6px}
body.theme-v5 .si{color:var(--t1);font-weight:600;border-radius:0;border-left:3px solid transparent}
body.theme-v5 .si:hover{background:var(--bg3);border-left-color:var(--t3)}
body.theme-v5 .si.on{background:var(--t1);color:var(--bg);border-left-color:var(--mo)}
body.theme-v5 .topbar{background:var(--bg);border-bottom:2px solid var(--t1)}
body.theme-v5 .tm span{color:var(--t1);text-shadow:none;font-weight:900;letter-spacing:6px}
body.theme-v5 .tc{color:var(--t1);font-weight:800}
body.theme-v5 #sb-toggle{background:var(--t1);border:2px solid var(--t1);color:var(--bg);border-radius:0}
body.theme-v5 #sb-toggle:hover{background:var(--mo);border-color:var(--mo);color:#fff}
body.theme-v5 .c{background:var(--bg);border:2px solid var(--t1);border-radius:0;box-shadow:4px 4px 0 var(--t1);transition:all .15s ease}
body.theme-v5 .c:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--mo);border-color:var(--mo)}
body.theme-v5 .ch{color:var(--t1);font-size:11px;font-weight:900;letter-spacing:2.5px;padding-bottom:6px;border-bottom:2px solid var(--t1)}
body.theme-v5 .st{color:var(--t1);font-weight:900;text-transform:uppercase;letter-spacing:-1px}
body.theme-v5 .m{border:2px solid var(--t1);box-shadow:4px 4px 0 var(--t1)}
body.theme-v5 .m .v{color:var(--t1);font-weight:900;letter-spacing:-2px}
body.theme-v5 .m:hover{box-shadow:6px 6px 0 var(--mo);border-color:var(--mo)}
body.theme-v5 .m:hover .v{color:var(--mo)}
body.theme-v5 table.tbl th{background:var(--t1);color:var(--bg);border-bottom:none;font-weight:800;letter-spacing:1.5px}
body.theme-v5 table.tbl td{border-bottom:1px solid var(--bg4)}
body.theme-v5 table.tbl tr:nth-child(even) td{background:var(--bg3)}
body.theme-v5 table.tbl tr:hover td{background:rgba(255,69,0,.08)}
body.theme-v5 .inp{background:var(--bg);border:2px solid var(--t1);color:var(--t1);border-radius:0}
body.theme-v5 .inp:focus{border-color:var(--mo);box-shadow:3px 3px 0 var(--mo)}
body.theme-v5 .tab{background:var(--bg);color:var(--t1);border:2px solid var(--t1);border-radius:0;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:13px}
body.theme-v5 .tab:hover{background:var(--t1);color:var(--bg)}
body.theme-v5 .tab.on{background:var(--mo);color:#fff;border-color:var(--mo)}
body.theme-v5 .lb{background:var(--t1);border:2px solid var(--t1);color:var(--bg);font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:0}
body.theme-v5 .lb:hover{background:var(--mo);border-color:var(--mo);color:#fff}
body.theme-v5 .sk a{background:var(--bg3);color:var(--t1);border:1.5px solid var(--t1);font-weight:700;border-radius:0}
body.theme-v5 .sk a:hover{background:var(--t1);color:var(--bg)}
body.theme-v5 .sc{background:var(--bg);border:2px solid var(--t1);border-left-width:6px;border-left-color:var(--mo);border-radius:0}
body.theme-v5 .sc:hover{background:var(--bg3)}
body.theme-v5 .pg{background:var(--bg4);border-radius:0;border:1px solid var(--t1)}
body.theme-v5 .pb{border-radius:0}
body.theme-v5 .fb{background:var(--bg);border:2px solid var(--t1);border-radius:0;box-shadow:4px 4px 0 var(--t1)}
body.theme-v5 .fb .fv{color:var(--t1);font-weight:900;letter-spacing:-1.5px}
body.theme-v5 .tbl-wrap{border:2px solid var(--t1);border-radius:0;background:var(--bg)}
body.theme-v5 .b{border-radius:0;font-weight:700;letter-spacing:.5px;text-transform:uppercase}


/* =====================================================================
   VARIANTE 6 — Sunset Glass (Glassmorphism + Pink/Orange Gradient)
   Lebendig, iOS-artig. Glas-Cards auf buntem Hintergrund.
   ===================================================================== */
body.theme-v6{
  --bg:#1a0b2e;--bg2:rgba(255,255,255,.08);--bg3:rgba(255,255,255,.12);--bg4:rgba(255,255,255,.18);
  --mo:#ec4899;--mo2:#f472b6;--qu:#fbbf24;--ch:#f59e0b;
  --du:#8b5cf6;--du2:#a78bfa;--co:#ef4444;
  --t1:#ffffff;--t2:#e5e5e5;--t3:#a3a3a3;--r:16px;--rs:12px;
  background:
    radial-gradient(ellipse at 20% 0%,rgba(236,72,153,.4),transparent 50%),
    radial-gradient(ellipse at 80% 20%,rgba(245,158,11,.32),transparent 50%),
    radial-gradient(ellipse at 50% 100%,rgba(139,92,246,.35),transparent 55%),
    var(--bg);
  background-attachment:fixed;color:var(--t1);font-family:'Inter','DM Sans',sans-serif;
}
body.theme-v6 .sidebar{background:rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.12);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%)}
body.theme-v6 .sl{border-bottom:1px solid rgba(255,255,255,.1)}
body.theme-v6 .sl img{border-color:var(--mo);box-shadow:0 0 24px rgba(236,72,153,.55)}
body.theme-v6 .sl .sub{color:var(--qu);font-weight:600}
body.theme-v6 .ss{color:var(--qu);font-weight:700;letter-spacing:1.8px;opacity:.85}
body.theme-v6 .si{color:var(--t2);border-radius:12px}
body.theme-v6 .si:hover{background:rgba(255,255,255,.1);color:#fff}
body.theme-v6 .si.on{background:linear-gradient(135deg,var(--mo),var(--ch));color:#fff;box-shadow:0 4px 24px rgba(236,72,153,.45)}
body.theme-v6 .topbar{background:rgba(255,255,255,.04);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1)}
body.theme-v6 .tm span{background:linear-gradient(135deg,var(--mo),var(--qu));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;font-weight:800}
body.theme-v6 #sb-toggle{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(10px)}
body.theme-v6 #sb-toggle:hover{background:rgba(236,72,153,.28);border-color:var(--mo)}
body.theme-v6 .c{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:20px;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:0 8px 32px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.15)}
body.theme-v6 .c:hover{background:rgba(255,255,255,.12);border-color:rgba(236,72,153,.4);box-shadow:0 12px 40px rgba(236,72,153,.22),inset 0 1px 0 rgba(255,255,255,.2)}
body.theme-v6 .ch{color:var(--qu);font-weight:700;letter-spacing:1px}
body.theme-v6 .st{background:linear-gradient(135deg,#fff,var(--qu));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}
body.theme-v6 .m .v{background:linear-gradient(135deg,var(--mo2),var(--qu));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;letter-spacing:-2px}
body.theme-v6 .m:hover{box-shadow:0 12px 40px rgba(236,72,153,.3)}
body.theme-v6 table.tbl th{background:rgba(255,255,255,.08);color:var(--qu);border-bottom:1px solid rgba(245,158,11,.3);backdrop-filter:blur(10px)}
body.theme-v6 table.tbl td{border-bottom:1px solid rgba(255,255,255,.06)}
body.theme-v6 table.tbl tr:nth-child(even) td{background:rgba(255,255,255,.02)}
body.theme-v6 table.tbl tr:hover td{background:rgba(236,72,153,.08)}
body.theme-v6 .inp{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;backdrop-filter:blur(10px)}
body.theme-v6 .inp:focus{border-color:var(--mo);box-shadow:0 0 0 3px rgba(236,72,153,.25)}
body.theme-v6 .tab{background:rgba(255,255,255,.06);color:var(--t2);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}
body.theme-v6 .tab:hover{background:rgba(255,255,255,.12);color:#fff}
body.theme-v6 .tab.on{background:linear-gradient(135deg,var(--mo),var(--ch));color:#fff;border-color:transparent;box-shadow:0 4px 16px rgba(236,72,153,.45)}
body.theme-v6 .lb{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.35);color:var(--qu);backdrop-filter:blur(10px)}
body.theme-v6 .lb:hover{background:rgba(245,158,11,.25);border-color:var(--qu)}
body.theme-v6 .sk a{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}
body.theme-v6 .sk a:hover{background:rgba(236,72,153,.2);border-color:var(--mo)}
body.theme-v6 .sc{background:rgba(255,255,255,.06);border-left:3px solid var(--mo);backdrop-filter:blur(10px)}
body.theme-v6 .sc:hover{background:rgba(255,255,255,.1)}
body.theme-v6 .pg{background:rgba(255,255,255,.1)}
body.theme-v6 .pb{box-shadow:0 0 12px currentColor}
body.theme-v6 .fb{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(30px);border-radius:18px}
body.theme-v6 .fb .fv{background:linear-gradient(135deg,var(--mo2),var(--qu));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}
body.theme-v6 .tbl-wrap{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.04);backdrop-filter:blur(20px)}


/* =====================================================================
   VARIANTE 7 — Terminal / Hacker (Retro Developer Aesthetic)
   Monospace, tiefes Schwarzgrün, Neon-Green, Bracket-Styling.
   ===================================================================== */
body.theme-v7{
  --bg:#0a0f0a;--bg2:#0f1610;--bg3:#141d15;--bg4:#1e2a1f;
  --mo:#00ff88;--mo2:#4ade80;--qu:#fbbf24;--ch:#00ff88;
  --du:#22d3ee;--du2:#67e8f9;--co:#ff4458;
  --t1:#00ff88;--t2:#86efac;--t3:#4d7c5a;--r:4px;--rs:2px;
  background:var(--bg);color:var(--t2);
  font-family:'JetBrains Mono','Fira Code','Consolas','Courier New',monospace;
}
body.theme-v7 .st,body.theme-v7 .ch,body.theme-v7 .tc,body.theme-v7 .m .v,body.theme-v7 .fb .fv,body.theme-v7 .inp,body.theme-v7 .tab,body.theme-v7 .lb,body.theme-v7 table.tbl,body.theme-v7 .si,body.theme-v7 .sl b,body.theme-v7 .sl .sub,body.theme-v7 .ss,body.theme-v7 .sk a,body.theme-v7 .sc,body.theme-v7 .tm span,body.theme-v7 .td{font-family:'JetBrains Mono','Fira Code','Consolas',monospace}
body.theme-v7 .sidebar{background:var(--bg2);border-right:1px solid var(--mo)}
body.theme-v7 .sl{border-bottom:1px solid var(--bg4)}
body.theme-v7 .sl img{border-color:var(--mo);border-radius:4px;box-shadow:0 0 14px rgba(0,255,136,.45)}
body.theme-v7 .sl b{color:var(--mo);font-weight:700}
body.theme-v7 .sl b::before{content:"> "}
body.theme-v7 .sl .sub{color:var(--qu);letter-spacing:1px}
body.theme-v7 .sl .sub::before{content:"["}
body.theme-v7 .sl .sub::after{content:"]"}
body.theme-v7 .ss{color:var(--mo);font-size:11px;font-weight:700;letter-spacing:2px}
body.theme-v7 .ss::before{content:"// "}
body.theme-v7 .si{color:var(--t2);border-radius:2px;border:1px solid transparent;font-weight:500}
body.theme-v7 .si:hover{background:var(--bg3);color:var(--mo);border-color:var(--bg4)}
body.theme-v7 .si.on{background:var(--mo);color:var(--bg);font-weight:700;border-color:var(--mo);box-shadow:0 0 14px rgba(0,255,136,.35)}
body.theme-v7 .topbar{background:var(--bg2);border-bottom:1px solid var(--mo)}
body.theme-v7 .tm span{color:var(--mo);text-shadow:0 0 12px rgba(0,255,136,.6);font-weight:700;letter-spacing:4px}
body.theme-v7 .tc{color:var(--mo);text-shadow:0 0 8px rgba(0,255,136,.4)}
body.theme-v7 .td{color:var(--t3)}
body.theme-v7 #sb-toggle{background:var(--bg3);border:1px solid var(--mo);color:var(--mo);border-radius:2px}
body.theme-v7 #sb-toggle:hover{background:var(--mo);color:var(--bg);box-shadow:0 0 16px rgba(0,255,136,.5)}
body.theme-v7 .c{background:var(--bg2);border:1px solid var(--bg4);border-radius:4px}
body.theme-v7 .c:hover{border-color:var(--mo);box-shadow:0 0 0 1px var(--mo),0 0 28px rgba(0,255,136,.15)}
body.theme-v7 .ch{color:var(--mo);font-size:13px;letter-spacing:1.5px}
body.theme-v7 .ch::before{content:"[ "}
body.theme-v7 .ch::after{content:" ]"}
body.theme-v7 .st{color:var(--mo);text-shadow:0 0 10px rgba(0,255,136,.4);font-weight:700}
body.theme-v7 .st::before{content:"# "}
body.theme-v7 .m .v{color:var(--mo);text-shadow:0 0 16px rgba(0,255,136,.5);font-weight:700}
body.theme-v7 .m:hover{border-color:var(--mo);box-shadow:0 0 0 1px var(--mo),0 0 36px rgba(0,255,136,.25)}
body.theme-v7 table.tbl th{background:var(--bg3);color:var(--mo);border-bottom:1px solid var(--mo);letter-spacing:1.5px;font-weight:700}
body.theme-v7 table.tbl td{border-bottom:1px solid var(--bg4);color:var(--t2)}
body.theme-v7 table.tbl tr:nth-child(even) td{background:rgba(0,255,136,.02)}
body.theme-v7 table.tbl tr:hover td{background:rgba(0,255,136,.06);color:var(--mo)}
body.theme-v7 .inp{background:var(--bg);border:1px solid var(--bg4);color:var(--mo);border-radius:2px}
body.theme-v7 .inp:focus{border-color:var(--mo);box-shadow:0 0 0 1px var(--mo),0 0 14px rgba(0,255,136,.2)}
body.theme-v7 .tab{background:var(--bg3);color:var(--t2);border:1px solid var(--bg4);border-radius:2px;letter-spacing:1px}
body.theme-v7 .tab:hover{color:var(--mo);border-color:var(--mo)}
body.theme-v7 .tab.on{background:var(--mo);color:var(--bg);border-color:var(--mo);box-shadow:0 0 14px rgba(0,255,136,.4)}
body.theme-v7 .lb{background:var(--bg3);border:1px solid var(--mo);color:var(--mo);border-radius:2px}
body.theme-v7 .lb:hover{background:var(--mo);color:var(--bg);box-shadow:0 0 16px rgba(0,255,136,.4)}
body.theme-v7 .sk a{background:var(--bg3);color:var(--t2);border:1px solid var(--bg4);border-radius:2px}
body.theme-v7 .sk a:hover{color:var(--mo);border-color:var(--mo)}
body.theme-v7 .sc{background:var(--bg3);border-left:3px solid var(--mo);border-radius:2px;color:var(--t2)}
body.theme-v7 .sc:hover{background:var(--bg4);color:var(--mo)}
body.theme-v7 .pg{background:var(--bg4);border-radius:2px;border:1px solid var(--bg4)}
body.theme-v7 .pb{border-radius:0;box-shadow:0 0 8px currentColor}
body.theme-v7 .fb{background:var(--bg2);border:1px solid var(--mo);border-radius:4px;box-shadow:0 0 0 1px rgba(0,255,136,.1)}
body.theme-v7 .fb .fv{color:var(--mo);text-shadow:0 0 12px rgba(0,255,136,.5);font-weight:700}
body.theme-v7 .tbl-wrap{border:1px solid var(--bg4);border-radius:4px;background:var(--bg2)}
body.theme-v7 a{color:var(--qu)}
body.theme-v7 .b{border-radius:2px;letter-spacing:.5px}


/* === Fix: .st-Header-Buttons in Themes mit Gradient-Text === */
/* Theme V2 + V6 nutzen für Page-Titel `.st` einen Gradient-Text-Trick mit
   `-webkit-text-fill-color:transparent`. Dieser wird von ALLEN Kind-Elementen
   geerbt — Buttons, Links, Inputs, Date-Picker und Status-Spans innerhalb des
   Headers werden dadurch unsichtbar. Hier setzen wir den text-fill für
   interaktive Elemente und Beschriftungs-Spans zurück.
   Der Title-Span (erstes direktes Kind) behält bewusst den Gradient. */
body.theme-v2 .st a,
body.theme-v2 .st button,
body.theme-v2 .st input,
body.theme-v2 .st select,
body.theme-v2 .st .lb,
body.theme-v2 .st > div span,
body.theme-v6 .st a,
body.theme-v6 .st button,
body.theme-v6 .st input,
body.theme-v6 .st select,
body.theme-v6 .st .lb,
body.theme-v6 .st > div span {
  -webkit-text-fill-color: initial;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

/* === Varianten-Switcher (klein, dezent, rechts in Topbar) === */
.variant-switch{display:inline-flex;gap:4px;align-items:center;padding:3px;background:rgba(128,128,128,.08);border-radius:8px}
.variant-switch button{background:transparent;border:none;cursor:pointer;padding:4px 9px;border-radius:6px;font-size:12px;color:var(--t3);font-weight:600;font-family:inherit;transition:all .15s ease}
.variant-switch button:hover{color:var(--t1);background:rgba(128,128,128,.12)}
.variant-switch button.on{background:var(--bg2);color:var(--t1);box-shadow:0 1px 3px rgba(0,0,0,.12)}
@media(max-width:768px){.variant-switch{display:none}}


/* =====================================================================
   HK — HolzKlug Branding (Look der Website holzklug.de)
   Eigenständiges, helles Naturholz-Design: cremefarbener Hintergrund,
   weiße Karten, Anthrazit-Headlines in Quicksand, Braun #91663A als
   Akzent, Blattgrün #6F8F3F als Highlight. Body-Schrift: Inter.
   ===================================================================== */
body.theme-v8{
  --bg:#faf6f0;--bg2:#ffffff;--bg3:#f3ebdd;--bg4:#e3d6c0;
  --mo:#91663A;--mo2:#a87f52;--qu:#6F8F3F;--ch:#91663A;
  --du:#6F8F3F;--du2:#86a64f;--co:#b8472b;
  --t1:#2F2D2A;--t2:#6b5540;--t3:#a89686;--r:16px;--rs:12px;
  background:var(--bg);color:var(--t1);font-family:'Inter',system-ui,sans-serif;
}
body.theme-v8 a{color:var(--mo)}
body.theme-v8 .sidebar{background:var(--bg2);border-right:1px solid var(--bg4)}
body.theme-v8 .sl{border-bottom:1px solid var(--bg4);background:linear-gradient(180deg,rgba(145,102,58,.05),transparent)}
body.theme-v8 .sl img{border-color:var(--mo);box-shadow:0 2px 8px rgba(145,102,58,.18)}
body.theme-v8 .sl b{font-family:'Quicksand',sans-serif;font-weight:700;color:var(--t1)}
body.theme-v8 .sl .sub{color:var(--mo);font-weight:600;letter-spacing:.3px}
body.theme-v8 .ss{color:var(--mo);font-family:'Quicksand',sans-serif;font-weight:700;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;opacity:.85}
body.theme-v8 .si{color:var(--t2);font-weight:500;border-radius:10px}
body.theme-v8 .si:hover{background:var(--bg3);color:var(--t1)}
body.theme-v8 .si.on{background:linear-gradient(135deg,var(--mo),var(--mo2));color:#fff;box-shadow:0 3px 12px rgba(145,102,58,.3)}
body.theme-v8 .sk a{background:var(--bg3);color:var(--t2);border:1px solid transparent}
body.theme-v8 .sk a:hover{background:var(--bg4);color:var(--mo);border-color:var(--mo)}
body.theme-v8 .app-link{color:var(--t3)}
body.theme-v8 .app-link:hover{background:var(--bg3);color:var(--mo)}
body.theme-v8 .topbar{background:var(--bg2);border-bottom:1px solid var(--bg4)}
body.theme-v8 .tm span{color:var(--mo);font-family:'Quicksand',sans-serif;text-transform:none;letter-spacing:.5px;text-shadow:none;font-weight:700}
/* Logo-Box in ALLEN Themes identisch (wie HK): farbiges transparentes Logo im hellbraunen Kasten */
#profile-img{display:none}
.tm img.logo-hk{display:block;height:78px;margin-top:0}
.tm{background:linear-gradient(135deg,#f5eede 0%,#e3d6c0 100%);padding:6px 20px 8px;border-radius:14px;border:1px solid #d9c9ad;box-shadow:0 4px 14px rgba(145,102,58,.18)}
.tm span{color:#91663A!important;font-family:'Quicksand',sans-serif!important;text-transform:none!important;letter-spacing:.5px!important;text-shadow:none!important;font-weight:700!important;font-size:16px!important;margin-top:2px!important;background:none!important;-webkit-text-fill-color:#91663A!important}
body.theme-v8 .tc{color:var(--t1);font-family:'Quicksand',sans-serif;font-weight:700}
body.theme-v8 .td{color:var(--t3)}
body.theme-v8 #sb-toggle{background:var(--bg3);border:1px solid var(--bg4);color:var(--mo)}
body.theme-v8 #sb-toggle:hover{background:var(--mo);color:#fff;border-color:var(--mo)}
body.theme-v8 .theme-btn{color:var(--t3)}
body.theme-v8 .c{background:var(--bg2);border:1px solid var(--bg4);border-radius:16px;box-shadow:0 1px 3px rgba(47,45,42,.04),0 10px 26px rgba(47,45,42,.04)}
body.theme-v8 .c:hover{border-color:var(--mo2);box-shadow:0 12px 30px rgba(145,102,58,.12)}
body.theme-v8 .ch{color:var(--t1);font-family:'Quicksand',sans-serif;font-weight:700;font-size:16px;text-transform:none;letter-spacing:.2px}
body.theme-v8 .st{color:var(--t1);font-family:'Quicksand',sans-serif;font-weight:700;letter-spacing:0}
body.theme-v8 .m .v{font-family:'Quicksand',sans-serif;color:var(--mo);font-weight:700}
body.theme-v8 .m .l{color:var(--t2);font-weight:500}
body.theme-v8 .m .s{color:var(--t3)}
body.theme-v8 .m:hover{border-color:var(--mo2);box-shadow:0 12px 30px rgba(145,102,58,.14)}
body.theme-v8 table.tbl th{background:var(--bg3);color:var(--mo);border-bottom:2px solid var(--mo);font-family:'Quicksand',sans-serif;text-transform:uppercase;letter-spacing:.6px}
body.theme-v8 table.tbl td{border-bottom:1px solid var(--bg4);color:var(--t2)}
body.theme-v8 table.tbl tr:nth-child(even) td{background:#faf6f0}
body.theme-v8 table.tbl tr:hover td{background:rgba(111,143,63,.08)}
body.theme-v8 .inp{background:var(--bg2);border:1.5px solid var(--bg4);color:var(--t1);border-radius:10px}
body.theme-v8 .inp:focus{border-color:var(--mo);box-shadow:0 0 0 3px rgba(145,102,58,.15)}
body.theme-v8 .il{color:var(--t3)}
body.theme-v8 .tab{background:var(--bg3);color:var(--t2);border:1px solid transparent;font-weight:600}
body.theme-v8 .tab:hover{background:var(--bg4);color:var(--mo)}
body.theme-v8 .tab.on{background:var(--mo);color:#fff;box-shadow:0 3px 12px rgba(145,102,58,.3)}
body.theme-v8 .lb{background:var(--bg2);border:1px solid var(--bg4);color:var(--mo);font-weight:600}
body.theme-v8 .lb:hover{background:var(--mo);color:#fff;border-color:var(--mo)}
body.theme-v8 .sc{background:var(--bg2);border:1px solid var(--bg4);border-left:4px solid var(--mo);color:var(--t1)}
body.theme-v8 .sc:hover{background:var(--bg3)}
body.theme-v8 .pg{background:var(--bg4);border-radius:6px}
body.theme-v8 .pb{background:linear-gradient(90deg,#6F8F3F,#91663A)!important}
body.theme-v8 .fb{background:var(--bg2);border:1px solid var(--bg4);border-radius:16px}
body.theme-v8 .fb .fv{font-family:'Quicksand',sans-serif;color:var(--mo)}
body.theme-v8 .tbl-wrap{border:1px solid var(--bg4);border-radius:16px;background:var(--bg2)}