/* Design "Stern Platin": greift nur mit data-design="platin" am <html> (glass.js). Die Plattform schaltet es pro Firma frei (Funktion design_platin), danach wählt man es im Profil. */
:root[data-design="platin"]{--bg:#f4f5f7;--surface:#fff;--surface-2:#f1f2f4;--line:#e3e5e8;--fg:#0a0a0a;--muted:#5f6670;--accent:#0a0a0a;--accent-fg:#fff;--accent-soft:#eceef1;--r:3px;--shadow:0 1px 2px rgba(10,10,10,.04)}
@media (prefers-color-scheme: dark){:root[data-design="platin"]:not([data-theme="light"]){--bg:#000;--surface:#111214;--surface-2:#16181b;--line:#24262a;--fg:#f2f2f2;--muted:#9aa0a6;--accent:#f2f2f2;--accent-fg:#000;--accent-soft:#1c1e21;--shadow:none}}
:root[data-design="platin"][data-theme="dark"]{--bg:#000;--surface:#111214;--surface-2:#16181b;--line:#24262a;--fg:#f2f2f2;--muted:#9aa0a6;--accent:#f2f2f2;--accent-fg:#000;--accent-soft:#1c1e21;--shadow:none}

/* Emblem: Chrom-Stern statt grünem V */
:root[data-design="platin"] .brand-mark,:root[data-design="platin"] #vd-auth h1 svg{background:url(icons/platin-star.svg) center/contain no-repeat}
:root[data-design="platin"] .brand-mark>*,:root[data-design="platin"] #vd-auth h1 svg>*{display:none}
:root[data-design="platin"] .brand b{font-weight:400;letter-spacing:.3em;text-transform:uppercase;font-size:.9em}

/* Feine Schrift: dünne große Zahlen, gesperrte Beschriftungen */
:root[data-design="platin"] .kpi .n{font-weight:200;letter-spacing:-.01em}
:root[data-design="platin"] .kpi .l,:root[data-design="platin"] .nav-label{letter-spacing:.18em}
:root[data-design="platin"] h1,:root[data-design="platin"] h2{font-weight:300;letter-spacing:.02em}
:root[data-design="platin"] .nav.on{box-shadow:inset 2px 0 0 var(--fg)}

/* Anmelden wie im Showroom */
:root[data-design="platin"] #vd-auth{background:radial-gradient(ellipse at 50% 35%,#fff 0%,#e9ecf0 35%,#b9bfc7 100%)}
:root[data-design="platin"] #vd-auth::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 60%);background-size:250% 100%;animation:vdPlSweep 1.4s ease-out .2s both}
:root[data-design="platin"] #vd-auth .box{position:relative;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);border-radius:4px}
:root[data-design="platin"] #vd-auth h1{flex-direction:column;gap:14px;font-weight:300;letter-spacing:.45em;text-transform:uppercase;font-size:1.1rem;text-align:center}
:root[data-design="platin"] #vd-auth h1 svg{width:96px;height:96px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35));animation:vdPlIn .9s cubic-bezier(.2,.8,.2,1) both}
:root[data-design="platin"] #vd-auth button:not(.lnk):not(.ggl):not(.sec){background:linear-gradient(#2a2d31,#000);border-color:#000;color:#fff;letter-spacing:.25em;text-transform:uppercase;font-size:12px;border-radius:2px}
@media (prefers-color-scheme: dark){:root[data-design="platin"]:not([data-theme="light"]) #vd-auth{background:radial-gradient(ellipse at 50% 30%,#3a3f46 0%,#121417 45%,#000 100%)}
 :root[data-design="platin"]:not([data-theme="light"]) #vd-auth .box{background:rgba(20,22,25,.6);border-color:rgba(255,255,255,.14)}
 :root[data-design="platin"]:not([data-theme="light"]) #vd-auth button:not(.lnk):not(.ggl):not(.sec){background:linear-gradient(#fff,#cfd3d8);color:#000;border-color:#fff}}
:root[data-design="platin"][data-theme="dark"] #vd-auth{background:radial-gradient(ellipse at 50% 30%,#3a3f46 0%,#121417 45%,#000 100%)}
:root[data-design="platin"][data-theme="dark"] #vd-auth .box{background:rgba(20,22,25,.6);border-color:rgba(255,255,255,.14)}
:root[data-design="platin"][data-theme="dark"] #vd-auth button:not(.lnk):not(.ggl):not(.sec){background:linear-gradient(#fff,#cfd3d8);color:#000;border-color:#fff}
@keyframes vdPlIn{from{opacity:0;transform:translateY(-14px) scale(.85)}to{opacity:1;transform:none}}
@keyframes vdPlSweep{from{background-position:100% 0}to{background-position:-50% 0}}
@media (prefers-reduced-motion: reduce){:root[data-design="platin"] #vd-auth h1 svg,:root[data-design="platin"] #vd-auth::before{animation:none}}

/* Liquid Glass: Stern Platin + Glas-Schalter -> silberner Hintergrund, dickeres Glas mit Lichtkante */
:root[data-design="platin"][data-glass="on"]{--g-r:18px;--g-edge:rgba(255,255,255,.85);--g-shadow:0 8px 24px rgba(0,0,0,.12);
 --g-backdrop:radial-gradient(45% 55% at 20% 30%,#c9cfd6 0,rgba(201,207,214,0) 70%),radial-gradient(40% 50% at 80% 80%,#fff 0,rgba(255,255,255,0) 70%),radial-gradient(ellipse at 50% 35%,#fff 0%,#e9ecf0 40%,#b9bfc7 100%)}
@media (prefers-color-scheme: dark){:root[data-design="platin"][data-glass="on"]:not([data-theme="light"]){--g-edge:rgba(255,255,255,.22);--g-shadow:0 8px 24px rgba(0,0,0,.5);
 --g-backdrop:radial-gradient(45% 55% at 20% 30%,#3a4048 0,rgba(58,64,72,0) 70%),radial-gradient(40% 50% at 80% 80%,#22262b 0,rgba(34,38,43,0) 70%),radial-gradient(ellipse at 50% 30%,#2a2e34 0%,#121417 45%,#000 100%)}}
:root[data-design="platin"][data-glass="on"][data-theme="dark"]{--g-edge:rgba(255,255,255,.22);--g-shadow:0 8px 24px rgba(0,0,0,.5);
 --g-backdrop:radial-gradient(45% 55% at 20% 30%,#3a4048 0,rgba(58,64,72,0) 70%),radial-gradient(40% 50% at 80% 80%,#22262b 0,rgba(34,38,43,0) 70%),radial-gradient(ellipse at 50% 30%,#2a2e34 0%,#121417 45%,#000 100%)}