/* Tema warna Hub (store/theme.go): variabel per palet; 'sekarang' = tema bersama tanpa perubahan. */
.palet-pv[data-palette=sekarang][data-mode=dark]{--bg:#0a0b1a;--surface:#12142b;--surface-2:#191c3a;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);--text:#f1f2ff;--text-2:#c6c9e8;--muted:#9298c0;--focus:#a5b4fc;--ok-text:#4ade80;--warn-text:#fbbf24;--bad-text:#fca5a5;--ha:#066950;--hb:#105e5d;--hs:#c4b5fd;--pal-ha:#066950;--pal-hb:#105e5d;--pal-btn:#047857;--pal-btn2:#0f766e;--pal-btn-text:#ffffff;--pal-accent:#c4b5fd;--pal-deep:#047857;--pal-deep2:#0f766e;--pal-ok:#16a34a;--pal-warn:#f59e0b;--pal-bad:#dc2626;--pal-glow1:#5b21b6;--pal-glow2:#0e7490;--pal-glow3:#9d174d;--pal-glow-op:.30}
.palet-pv[data-palette=sekarang][data-mode=light]{--bg:#eef0fb;--surface:#ffffff;--surface-2:#f5f6fd;--line:rgba(18,20,43,.10);--line-2:rgba(18,20,43,.2);--text:#12142b;--text-2:#3b3f66;--muted:#565c84;--focus:#4f46e5;--ok-text:#006300;--warn-text:#8a5a00;--bad-text:#a11d1d;--ha:#047857;--hb:#0f766e;--hs:#5b21b6;--pal-ha:#047857;--pal-hb:#0f766e;--pal-btn:#047857;--pal-btn2:#0f766e;--pal-btn-text:#ffffff;--pal-accent:#5b21b6;--pal-deep:#047857;--pal-deep2:#0f766e;--pal-ok:#16a34a;--pal-warn:#f59e0b;--pal-bad:#dc2626;--pal-glow1:#5b21b6;--pal-glow2:#0e7490;--pal-glow3:#9d174d;--pal-glow-op:.16}
:root[data-palette=merah],.palet-pv[data-palette=merah][data-mode=dark]{--bg:#170e10;--surface:#211417;--surface-2:#2b1a1e;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);--text:#f7eded;--text-2:#dfc9cb;--muted:#b89c9f;--focus:#f87171;--ok-text:#4ade80;--warn-text:#facc15;--bad-text:#f9a8d4;--ha:#a21b1b;--hb:#7b191a;--hs:#f87171;--pal-ha:#a21b1b;--pal-hb:#7b191a;--pal-btn:#f87171;--pal-btn2:#ef6b6b;--pal-btn-text:#1c0d0f;--pal-accent:#f87171;--pal-deep:#b91c1c;--pal-deep2:#991b1b;--pal-ok:#16a34a;--pal-warn:#ca8a04;--pal-bad:#db2777;--pal-glow1:#7f1d1d;--pal-glow2:#9a3412;--pal-glow3:#4c0519;--pal-glow-op:.30}
:root[data-theme=light][data-palette=merah],.palet-pv[data-palette=merah][data-mode=light]{--bg:#fbf6f5;--surface:#ffffff;--surface-2:#f7eeec;--line:rgba(42,20,22,.10);--line-2:rgba(42,20,22,.2);--text:#2a1416;--text-2:#4f3336;--muted:#6e5357;--focus:#b91c1c;--ok-text:#166534;--warn-text:#854d0e;--bad-text:#9d174d;--ha:#b91c1c;--hb:#991b1b;--hs:#a61b1b;--pal-ha:#b91c1c;--pal-hb:#991b1b;--pal-btn:#b91c1c;--pal-btn2:#991b1b;--pal-btn-text:#ffffff;--pal-accent:#a61b1b;--pal-deep:#b91c1c;--pal-deep2:#991b1b;--pal-ok:#16a34a;--pal-warn:#ca8a04;--pal-bad:#db2777;--pal-glow1:#b91c1c;--pal-glow2:#9a3412;--pal-glow3:#7f1d1d;--pal-glow-op:.16}
:root[data-palette=oranye],.palet-pv[data-palette=oranye][data-mode=dark]{--bg:#1a120b;--surface:#241910;--surface-2:#2f2116;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);--text:#fbf1e7;--text-2:#e3cfbb;--muted:#bda58f;--focus:#fb923c;--ok-text:#4ade80;--warn-text:#fde047;--bad-text:#fca5a5;--ha:#aa3b0d;--hb:#87300c;--hs:#fb923c;--pal-ha:#aa3b0d;--pal-hb:#87300c;--pal-btn:#fb923c;--pal-btn2:#f5862d;--pal-btn-text:#1a120b;--pal-accent:#fb923c;--pal-deep:#c2410c;--pal-deep2:#a8380b;--pal-ok:#16a34a;--pal-warn:#facc15;--pal-bad:#dc2626;--pal-glow1:#9a3412;--pal-glow2:#78350f;--pal-glow3:#7c2d12;--pal-glow-op:.30}
:root[data-theme=light][data-palette=oranye],.palet-pv[data-palette=oranye][data-mode=light]{--bg:#fff8f1;--surface:#ffffff;--surface-2:#fcf0e4;--line:rgba(43,26,14,.10);--line-2:rgba(43,26,14,.2);--text:#2b1a0e;--text-2:#55402f;--muted:#73604f;--focus:#c2410c;--ok-text:#166534;--warn-text:#854d0e;--bad-text:#b91c1c;--ha:#c2410c;--hb:#a8380b;--hs:#b23c0b;--pal-ha:#c2410c;--pal-hb:#a8380b;--pal-btn:#c2410c;--pal-btn2:#a8380b;--pal-btn-text:#ffffff;--pal-accent:#b23c0b;--pal-deep:#c2410c;--pal-deep2:#a8380b;--pal-ok:#16a34a;--pal-warn:#eab308;--pal-bad:#dc2626;--pal-glow1:#c2410c;--pal-glow2:#b45309;--pal-glow3:#9a3412;--pal-glow-op:.16}
:root[data-palette=biru],.palet-pv[data-palette=biru][data-mode=dark]{--bg:#0b1220;--surface:#111a2c;--surface-2:#172238;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);--text:#eef3ff;--text-2:#c6d2ea;--muted:#94a3bf;--focus:#60a5fa;--ok-text:#4ade80;--warn-text:#fbbf24;--bad-text:#fca5a5;--ha:#1b46be;--hb:#1b378e;--hs:#60a5fa;--pal-ha:#1b46be;--pal-hb:#1b378e;--pal-btn:#60a5fa;--pal-btn2:#5b9cf0;--pal-btn-text:#0b1220;--pal-accent:#60a5fa;--pal-deep:#1d4ed8;--pal-deep2:#1e40af;--pal-ok:#16a34a;--pal-warn:#f59e0b;--pal-bad:#dc2626;--pal-glow1:#1e3a8a;--pal-glow2:#155e75;--pal-glow3:#312e81;--pal-glow-op:.30}
:root[data-theme=light][data-palette=biru],.palet-pv[data-palette=biru][data-mode=light]{--bg:#f5f8ff;--surface:#ffffff;--surface-2:#edf2fd;--line:rgba(15,26,46,.10);--line-2:rgba(15,26,46,.2);--text:#0f1a2e;--text-2:#33415c;--muted:#55617a;--focus:#1d4ed8;--ok-text:#166534;--warn-text:#8a5a00;--bad-text:#b91c1c;--ha:#1d4ed8;--hb:#1e40af;--hs:#1d4ed8;--pal-ha:#1d4ed8;--pal-hb:#1e40af;--pal-btn:#1d4ed8;--pal-btn2:#1e40af;--pal-btn-text:#ffffff;--pal-accent:#1d4ed8;--pal-deep:#1d4ed8;--pal-deep2:#1e40af;--pal-ok:#16a34a;--pal-warn:#f59e0b;--pal-bad:#dc2626;--pal-glow1:#1d4ed8;--pal-glow2:#0e7490;--pal-glow3:#3730a3;--pal-glow-op:.16}
:root[data-palette=hijau],.palet-pv[data-palette=hijau][data-mode=dark]{--bg:#08130f;--surface:#0e1d17;--surface-2:#14271f;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);--text:#ecfbf3;--text-2:#c3e3d2;--muted:#8fb3a1;--focus:#34d399;--ok-text:#bef264;--warn-text:#fbbf24;--bad-text:#fca5a5;--ha:#066a4d;--hb:#084f3a;--hs:#34d399;--pal-ha:#066a4d;--pal-hb:#084f3a;--pal-btn:#34d399;--pal-btn2:#2cc98f;--pal-btn-text:#08130f;--pal-accent:#34d399;--pal-deep:#047857;--pal-deep2:#065f46;--pal-ok:#65a30d;--pal-warn:#f59e0b;--pal-bad:#dc2626;--pal-glow1:#065f46;--pal-glow2:#115e59;--pal-glow3:#14532d;--pal-glow-op:.30}
:root[data-theme=light][data-palette=hijau],.palet-pv[data-palette=hijau][data-mode=light]{--bg:#f3fbf7;--surface:#ffffff;--surface-2:#e9f5ef;--line:rgba(14,31,23,.10);--line-2:rgba(14,31,23,.2);--text:#0e1f17;--text-2:#2f4a3d;--muted:#4d695b;--focus:#047857;--ok-text:#3f6212;--warn-text:#8a5a00;--bad-text:#b91c1c;--ha:#047857;--hb:#065f46;--hs:#036649;--pal-ha:#047857;--pal-hb:#065f46;--pal-btn:#047857;--pal-btn2:#065f46;--pal-btn-text:#ffffff;--pal-accent:#036649;--pal-deep:#047857;--pal-deep2:#065f46;--pal-ok:#65a30d;--pal-warn:#f59e0b;--pal-bad:#dc2626;--pal-glow1:#047857;--pal-glow2:#0f766e;--pal-glow3:#065f46;--pal-glow-op:.16}
:root[data-palette=kelabu],.palet-pv[data-palette=kelabu][data-mode=dark]{--bg:#111316;--surface:#181b20;--surface-2:#20242b;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);--text:#f1f3f6;--text-2:#cdd2da;--muted:#9aa3af;--focus:#cbd5e1;--ok-text:#4ade80;--warn-text:#fbbf24;--bad-text:#fca5a5;--ha:#2f3b4d;--hb:#1d2634;--hs:#cbd5e1;--pal-ha:#2f3b4d;--pal-hb:#1d2634;--pal-btn:#cbd5e1;--pal-btn2:#bcc7d4;--pal-btn-text:#111316;--pal-accent:#cbd5e1;--pal-deep:#334155;--pal-deep2:#1e293b;--pal-ok:#16a34a;--pal-warn:#f59e0b;--pal-bad:#dc2626;--pal-glow1:#334155;--pal-glow2:#1e293b;--pal-glow3:#475569;--pal-glow-op:.30}
:root[data-theme=light][data-palette=kelabu],.palet-pv[data-palette=kelabu][data-mode=light]{--bg:#f6f7f9;--surface:#ffffff;--surface-2:#eef0f3;--line:rgba(17,24,39,.10);--line-2:rgba(17,24,39,.2);--text:#111827;--text-2:#374151;--muted:#5b6472;--focus:#334155;--ok-text:#166534;--warn-text:#8a5a00;--bad-text:#b91c1c;--ha:#334155;--hb:#1e293b;--hs:#334155;--pal-ha:#334155;--pal-hb:#1e293b;--pal-btn:#334155;--pal-btn2:#1e293b;--pal-btn-text:#ffffff;--pal-accent:#334155;--pal-deep:#334155;--pal-deep2:#1e293b;--pal-ok:#16a34a;--pal-warn:#f59e0b;--pal-bad:#dc2626;--pal-glow1:#475569;--pal-glow2:#64748b;--pal-glow3:#334155;--pal-glow-op:.16}
:root[data-palette]:not([data-palette=sekarang]),:root[data-palette]:not([data-palette=sekarang]) body{background:var(--bg)}
:root[data-palette]:not([data-palette=sekarang]) .boot{background:var(--bg)}
:root[data-palette]:not([data-palette=sekarang]) .h-violet,:root[data-palette]:not([data-palette=sekarang]) .c-violet,:root[data-palette]:not([data-palette=sekarang]) .h-cyan,:root[data-palette]:not([data-palette=sekarang]) .c-cyan,:root[data-palette]:not([data-palette=sekarang]) .h-emerald,:root[data-palette]:not([data-palette=sekarang]) .c-emerald,:root[data-palette]:not([data-palette=sekarang]) .h-amber,:root[data-palette]:not([data-palette=sekarang]) .c-amber,:root[data-palette]:not([data-palette=sekarang]) .h-rose,:root[data-palette]:not([data-palette=sekarang]) .c-rose,:root[data-palette]:not([data-palette=sekarang]) .h-blue,:root[data-palette]:not([data-palette=sekarang]) .c-blue,:root[data-palette]:not([data-palette=sekarang]) .h-fuchsia,:root[data-palette]:not([data-palette=sekarang]) .c-fuchsia,:root[data-palette]:not([data-palette=sekarang]) .h-orange,:root[data-palette]:not([data-palette=sekarang]) .c-orange{--ha:var(--pal-ha);--hb:var(--pal-hb);--hs:var(--pal-accent)}
:root[data-palette]:not([data-palette=sekarang]) .btn.primary,:root[data-palette]:not([data-palette=sekarang]) button.primary,:root[data-palette]:not([data-palette=sekarang]) input[type=submit],:root[data-palette]:not([data-palette=sekarang]) .btn.violet,:root[data-palette]:not([data-palette=sekarang]) button.violet,:root[data-palette]:not([data-palette=sekarang]) .pill.on,:root[data-palette]:not([data-palette=sekarang]) .pill.kind.on{color:var(--pal-btn-text);background:linear-gradient(135deg,var(--pal-btn),var(--pal-btn2));box-shadow:0 8px 18px -12px var(--pal-btn);border-color:transparent}
:root[data-palette]:not([data-palette=sekarang]) .nav-item.on::before,:root[data-palette]:not([data-palette=sekarang]) .nav-item[aria-current=page]::before{background:linear-gradient(var(--pal-btn),var(--pal-btn2));box-shadow:none}
:root[data-palette]:not([data-palette=sekarang]) .logo2,:root[data-palette]:not([data-palette=sekarang]) .brand-mark{color:#fff;background:linear-gradient(135deg,var(--pal-deep),var(--pal-deep2));box-shadow:0 10px 24px -12px var(--pal-deep)}
:root[data-palette]:not([data-palette=sekarang]) .auth-card::before{background:linear-gradient(90deg,var(--pal-deep),var(--pal-btn))}
:root[data-palette]:not([data-palette=sekarang]) .hero{background:linear-gradient(120deg,var(--pal-ha),var(--pal-hb));box-shadow:0 30px 60px -34px var(--pal-ha)}
:root[data-palette]:not([data-palette=sekarang]) .tabs button.on,:root[data-palette]:not([data-palette=sekarang]) .tabs a.on,:root[data-palette]:not([data-palette=sekarang]) .tabs a[aria-current=page]{border-color:var(--pal-accent)}
:root[data-palette]:not([data-palette=sekarang]) .check input,:root[data-palette]:not([data-palette=sekarang]) input[type=checkbox],:root[data-palette]:not([data-palette=sekarang]) input[type=radio]{accent-color:var(--pal-btn)}
:root[data-palette]:not([data-palette=sekarang]) .aurora i{opacity:var(--pal-glow-op)}
:root[data-palette]:not([data-palette=sekarang]) .aurora i:nth-child(1){background:var(--pal-glow1)}
:root[data-palette]:not([data-palette=sekarang]) .aurora i:nth-child(2){background:var(--pal-glow2)}
:root[data-palette]:not([data-palette=sekarang]) .aurora i:nth-child(3){background:var(--pal-glow3)}
:root[data-palette]:not([data-palette=sekarang]) .chip.c-ok{color:var(--ok-text);background:color-mix(in oklab,var(--pal-ok) 16%,transparent);border-color:color-mix(in oklab,var(--pal-ok) 32%,transparent)}
:root[data-palette]:not([data-palette=sekarang]) .alert.ok{color:var(--ok-text);background:color-mix(in oklab,var(--pal-ok) 12%,var(--surface));border-color:color-mix(in oklab,var(--pal-ok) 32%,transparent)}
:root[data-palette]:not([data-palette=sekarang]) .dot.ok{background:var(--pal-ok)}
:root[data-palette]:not([data-palette=sekarang]) .chip.c-ok:not(:has(svg))::before{content:"✓";font-weight:800}
:root[data-palette]:not([data-palette=sekarang]) .chip.c-warn{color:var(--warn-text);background:color-mix(in oklab,var(--pal-warn) 16%,transparent);border-color:color-mix(in oklab,var(--pal-warn) 32%,transparent)}
:root[data-palette]:not([data-palette=sekarang]) .alert.warn{color:var(--warn-text);background:color-mix(in oklab,var(--pal-warn) 12%,var(--surface));border-color:color-mix(in oklab,var(--pal-warn) 32%,transparent)}
:root[data-palette]:not([data-palette=sekarang]) .dot.warn{background:var(--pal-warn)}
:root[data-palette]:not([data-palette=sekarang]) .chip.c-warn:not(:has(svg))::before{content:"!";font-weight:800}
:root[data-palette]:not([data-palette=sekarang]) .chip.c-bad{color:var(--bad-text);background:color-mix(in oklab,var(--pal-bad) 16%,transparent);border-color:color-mix(in oklab,var(--pal-bad) 32%,transparent)}
:root[data-palette]:not([data-palette=sekarang]) .alert.err{color:var(--bad-text);background:color-mix(in oklab,var(--pal-bad) 12%,var(--surface));border-color:color-mix(in oklab,var(--pal-bad) 32%,transparent)}
:root[data-palette]:not([data-palette=sekarang]) .dot.bad{background:var(--pal-bad)}
:root[data-palette]:not([data-palette=sekarang]) .chip.c-bad:not(:has(svg))::before{content:"✕";font-weight:800}
:root[data-palette]:not([data-palette=sekarang]) .hero .chip,:root[data-palette]:not([data-palette=sekarang]) .hero .chip[class]{color:#fff;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.3)}
:root[data-palette=merah] .btn.danger,:root[data-palette=merah] button.danger{background:linear-gradient(135deg,#be185d,#831843)}
.palet-pv{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:7px;font-size:12px;min-width:0}
.palet-pv .pv-card{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:8px;display:grid;gap:6px}
.palet-pv .pv-muted{color:var(--muted)} .palet-pv .pv-link{color:var(--pal-accent);font-weight:600}
.palet-pv .pv-row{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.palet-pv .pv-btn{background:linear-gradient(135deg,var(--pal-btn),var(--pal-btn2));color:var(--pal-btn-text);border-radius:7px;padding:3px 9px;font-weight:700}
.palet-pv .pv-chip{border-radius:999px;padding:1px 7px;font-weight:700;font-size:11px;border:1px solid transparent}
.palet-pv .pv-ok{color:var(--ok-text);background:color-mix(in oklab,var(--pal-ok) 16%,transparent)}
.palet-pv .pv-warn{color:var(--warn-text);background:color-mix(in oklab,var(--pal-warn) 16%,transparent)}
.palet-pv .pv-bad{color:var(--bad-text);background:color-mix(in oklab,var(--pal-bad) 16%,transparent)}
/* Tampilan pelanggan: Pengaturan Hub → Tampilan (dbenk-hub /merek/tema.css) */
.brand-logo{width:34px;height:34px;object-fit:contain;border-radius:10px;flex:none;background:transparent}