/* Skin harian: 7 tampilan dari paket Stitch (palet sama, chrome berbeda). Dipilih per hari (WIB) lewat html[data-skin]. Lihat skin.js. */
/* ---- komponen bersama: kurung sudut HUD ---- */
html[data-skin=sen] :is(.card,.ik-card,.fg,.box,.evb2,.kc),html[data-skin=rab] :is(.card,.ik-card,.fg,.box,.evb2,.kc),html[data-skin=jum] :is(.card,.ik-card,.fg,.box,.evb2,.kc),html[data-skin=min] :is(.card,.ik-card,.fg,.box,.evb2,.kc),html[data-skin=sab] :is(.card,.ik-card,.fg,.box,.evb2,.kc){position:relative;overflow:visible}
html[data-skin=sen] :is(.card,.ik-card,.fg,.box,.evb2)::before,html[data-skin=min] :is(.card,.ik-card,.fg,.box,.evb2)::before,html[data-skin=rab] :is(.card,.ik-card,.fg,.box,.evb2)::before,html[data-skin=jum] :is(.card,.ik-card,.fg,.box,.evb2)::before,html[data-skin=sab] :is(.card,.ik-card,.fg,.box,.evb2)::before{content:"";position:absolute;top:-1px;left:-1px;width:var(--bk,7px);height:var(--bk,7px);border-top:2px solid var(--g2);border-left:2px solid var(--g2);pointer-events:none;z-index:2}
html[data-skin=sen] :is(.card,.ik-card,.fg,.box,.evb2,.kc)::after,html[data-skin=min] :is(.card,.ik-card,.fg,.box,.evb2,.kc)::after,html[data-skin=rab] :is(.card,.ik-card,.fg,.box,.evb2,.kc)::after,html[data-skin=jum] :is(.card,.ik-card,.fg,.box,.evb2,.kc)::after,html[data-skin=sab] :is(.card,.ik-card,.fg,.box,.evb2,.kc)::after{content:"";position:absolute;bottom:-1px;right:-1px;width:var(--bk,7px);height:var(--bk,7px);border-bottom:2px solid var(--g2);border-right:2px solid var(--g2);pointer-events:none;z-index:2}
html[data-skin=sen] #view>.card[style*="max-width:380px"]::before{all:unset}  /* kartu login punya garis atas sendiri */
html[data-skin] .kc::before{left:0;right:0;top:0;width:auto;height:1px;border:0}

/* ---- Senin & Minggu: Tactical HUD (z2/z3) ---- */
html[data-skin=sen],html[data-skin=min]{--bk:6px;--r:4px;--line:rgba(0,170,255,.22);--mono:"JetBrains Mono",ui-monospace,monospace}
html[data-skin=sen] :is(.card,.ik-card,.fg,.box,.evb2,.kc),html[data-skin=min] :is(.card,.ik-card,.fg,.box,.evb2,.kc){border-radius:4px}
html[data-skin=sen] :is(.kl,th,.evband,.ik-sub,.evst),html[data-skin=min] :is(.kl,th,.evband,.ik-sub,.evst){font-family:var(--mono);letter-spacing:.06em}
html[data-skin=sen] body,html[data-skin=min] body{background-size:auto,24px 24px,24px 24px}

/* ---- Selasa: Foundry Terminal (z4) — semua monospace, datar, padat ---- */
html[data-skin=sel]{--serif:"JetBrains Mono",ui-monospace,monospace;--sans:"JetBrains Mono",ui-monospace,monospace;--r:2px;--line:rgba(62,72,81,.85);--card-glass:#031a27}
html[data-skin=sel] body{font-size:13px;background-size:auto,16px 16px,16px 16px}
html[data-skin=sel] :is(.card,.ik-card,.fg,.box,.evb2,.kc,.kpan,.btn,input,select,textarea){border-radius:2px;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-skin=sel] :is(.card,.ik-card,.fg,.box,.evb2,.kc){border-color:rgba(62,72,81,.9);box-shadow:none}
html[data-skin=sel] :is(.card,.ik-card,.evb2,.kc):hover{border-color:rgba(0,170,255,.65)}
html[data-skin=sel] .kv{font-weight:600;letter-spacing:-.04em}
html[data-skin=sel] :is(h1,h2,h3,.top h1){letter-spacing:-.03em;font-weight:600}
html[data-skin=sel] body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.14) 50%);background-size:100% 3px;opacity:.5}

/* ---- Rabu: Deep Recon (z5) — garis lebih terang, pola titik LiDAR ---- */
html[data-skin=rab]{--bk:8px;--r:3px;--line:rgba(0,170,255,.35);--mono:"JetBrains Mono",ui-monospace,monospace}
html[data-skin=rab] :is(.card,.ik-card,.fg,.box,.evb2,.kc){border-radius:3px;border-color:rgba(0,170,255,.35)}
html[data-skin=rab] :is(.kl,th,.evband,.ik-sub,.evst){font-family:var(--mono);letter-spacing:.07em}
html[data-skin=rab] body{background-image:radial-gradient(900px 380px at 88% -140px,rgba(0,240,255,.16),transparent 70%),radial-gradient(circle,rgba(0,240,255,.22) 1px,transparent 1px),linear-gradient(rgba(0,170,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,170,255,.06) 1px,transparent 1px);background-size:auto,48px 48px,24px 24px,24px 24px}
html[data-skin=rab] ::-webkit-scrollbar{width:3px;height:3px}html[data-skin=rab] ::-webkit-scrollbar-thumb{background:#00aaff;border-radius:1px}
html[data-skin=rab] .bar i{box-shadow:0 0 10px rgba(0,240,255,.7)}

/* ---- Kamis: Holographic Cockpit (z6) — kaca tebal, sudut membulat, cahaya ---- */
html[data-skin=kam]{--r:16px;--card-glass:linear-gradient(135deg,rgba(5,37,54,.72),rgba(2,22,35,.85));--line:rgba(0,170,255,.28)}
html[data-skin=kam] body{background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(0,170,255,.24),transparent 70%),radial-gradient(circle 600px at 90% 80%,rgba(0,170,255,.09),transparent 60%),linear-gradient(rgba(0,170,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,170,255,.05) 1px,transparent 1px);background-size:100% 100%,100% 100%,36px 36px,36px 36px}
html[data-skin=kam] :is(.card,.ik-card,.fg,.box,.evb2,.kc,.kpan,.modal,.cmdbox){border-radius:16px;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-color:rgba(0,170,255,.28);box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 25px rgba(0,170,255,.12),inset 0 1px 1px rgba(255,255,255,.2)}
html[data-skin=kam] :is(.card,.ik-card,.evb2,.kc):hover{border-color:rgba(0,170,255,.55);box-shadow:0 25px 60px rgba(0,0,0,.6),0 0 35px rgba(0,170,255,.25),inset 0 1px 2px rgba(255,255,255,.3)}
html[data-skin=kam] .btn{border-radius:999px}
html[data-skin=kam] ::-webkit-scrollbar-thumb{border-radius:9999px;background:rgba(0,170,255,.35)}

/* ---- Jumat: C2 Tactical (z7) — sangat padat, pola silang ---- */
html[data-skin=jum]{--bk:7px;--r:2px;--line:rgba(0,170,255,.3);--mono:"JetBrains Mono",ui-monospace,monospace}
html[data-skin=jum] body{font-size:13px;background-image:radial-gradient(900px 380px at 88% -140px,rgba(0,170,255,.14),transparent 70%),radial-gradient(circle,rgba(0,170,255,.3) 1px,transparent 1px),linear-gradient(rgba(0,170,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,170,255,.07) 1px,transparent 1px);background-size:auto,40px 40px,20px 20px,20px 20px}
html[data-skin=jum] :is(.card,.ik-card,.fg,.box,.evb2,.kc,.kpan,.btn,input,select,textarea){border-radius:2px;border-color:rgba(0,170,255,.3)}
html[data-skin=jum] :is(.card,.ik-card){padding:14px 16px}
html[data-skin=jum] :is(.kl,th,.evband,.ik-sub,.evst,.btn){font-family:var(--mono);letter-spacing:.06em}
html[data-skin=jum] th,html[data-skin=jum] td{padding-top:7px;padding-bottom:7px}
html[data-skin=jum] ::-webkit-scrollbar{width:3px;height:3px}html[data-skin=jum] ::-webkit-scrollbar-thumb{background:#00aaff;border-radius:1px}

/* ---- Sabtu: Cyber-Grid Tron (z8) — Orbitron + Share Tech Mono ---- */
html[data-skin=sab]{--serif:Orbitron,"Plus Jakarta Sans",sans-serif;--sans:"Share Tech Mono",Inter,ui-monospace,monospace;--bk:6px;--r:0;--line:rgba(0,170,255,.3);--card-glass:rgba(3,25,38,.88)}
html[data-skin=sab] body{font-size:14px;background-size:auto,24px 24px,24px 24px;background-image:radial-gradient(900px 380px at 88% -140px,rgba(0,170,255,.14),transparent 70%),linear-gradient(rgba(0,170,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,170,255,.08) 1px,transparent 1px)}
html[data-skin=sab] :is(.card,.ik-card,.fg,.box,.evb2,.kc,.kpan,.btn,input,select,textarea){border-radius:0}
html[data-skin=sab] :is(.card,.ik-card,.fg,.box,.evb2,.kc){border-color:rgba(0,170,255,.3);box-shadow:0 0 15px rgba(0,170,255,.07),inset 0 0 12px rgba(0,170,255,.04)}
html[data-skin=sab] :is(h1,h2,h3,.top h1,.ik-sec,.evname,.kv,.brand){text-transform:uppercase;letter-spacing:.02em}
html[data-skin=sab] .kv{font-weight:700;font-size:calc(34px*var(--ks))}
html[data-skin=sab] :is(.top h1){font-size:calc(24px*var(--ks))}
html[data-skin=sab] :is(.kl,th,.evband){letter-spacing:.1em}

/* gerakan: hormati preferensi pengguna */
@media (prefers-reduced-motion:reduce){html[data-skin] *{animation:none!important;transition:none!important}}