/* ===== komponen umum tema & unduhan ===== */
.files{display:grid;gap:8px;margin-bottom:14px}
.fbox{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;flex-wrap:wrap}
.fbox span{display:flex;gap:8px}.fbox small{color:var(--mut)}
.sw{display:block;height:10px;border-radius:99px;margin-top:10px;border:1px solid rgba(0,0,0,.15)}
.tema-btn{position:fixed;left:18px;bottom:18px;z-index:80;padding:10px 18px;border-radius:99px;border:1px solid rgba(0,0,0,.2);background:#fff;color:#111;font:700 13px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.tema-pop{position:fixed;left:18px;bottom:66px;z-index:80;width:290px;background:#fff;color:#111;border-radius:16px;padding:12px;box-shadow:0 16px 40px rgba(0,0,0,.35);display:none;font-family:'DM Sans',sans-serif}
.tema-pop.on{display:block}.tema-pop strong{display:block;font-size:13px;margin:2px 4px 8px}
.tema-pop button{display:flex;gap:10px;align-items:center;width:100%;text-align:left;padding:9px;border:2px solid transparent;border-radius:12px;background:#f5f5f7;margin-bottom:6px;cursor:pointer;color:#111}
.tema-pop button.on{border-color:#111}.tema-pop i{flex:0 0 44px;height:34px;border-radius:8px;border:1px solid rgba(0,0,0,.2)}
.tema-pop b{display:block;font-size:13px}.tema-pop small{display:block;font-size:11px;color:#666;line-height:1.3}
@media print{.tema-btn,.tema-pop{display:none}}

/* ===== dasar tema terang (kertas, brutal, aurora) ===== */
[data-mode=light] input,[data-mode=light] select,[data-mode=light] textarea{background:#fff;color:var(--txt)}
[data-mode=light] .t tr:hover td{background:rgba(0,0,0,.035)}
[data-mode=light] .t td{border-bottom-color:var(--line)}
[data-mode=light] .alert{background:#fde8e6;color:#8a1c14}
[data-mode=light] .toast{background:#fff;color:var(--txt)}
[data-mode=light] .modal .card{background:#fff}
[data-mode=light] .infobox{background:rgba(0,0,0,.03);border-color:var(--line)}
[data-mode=light] .infobox.warn{background:#fff3da;border-color:#e0a030}
[data-mode=light] .b-Menunggu{background:#fff1d6;color:#8a5a00}
[data-mode=light] .b-Diverifikasi{background:#d8f3f8;color:#0a6678}
[data-mode=light] .b-Perbaikan{background:#ece4ff;color:#5a35b8}
[data-mode=light] .b-Diterima{background:#d9f5e8;color:#0d6b47}
[data-mode=light] .b-Ditolak{background:#fde0e5;color:#a8203a}
[data-mode=light] .msg{background:#e3f7ec;color:#0d4f35}
[data-mode=light] .kpi.c5 b{color:#7b4fe0}
[data-mode=light] .btn.red{color:#fff}
[data-mode=light] .hint,[data-mode=light] .jc small{color:var(--mut)}

/* ===== TEMA 2 · KERTAS EDITORIAL (terang, majalah, serif) ===== */
[data-theme=kertas]{--ink:#faf7f2;--ink2:#fff;--glass:#fff;--line:#d9d2c5;--cyan:#1b4d3e;--violet:#b4532a;--amber:#b87400;--green:#1f7a4d;--red:#b3261e;--txt:#1c1a17;--mut:#6b6558;--r:3px;--fh:'Fraunces',Georgia,serif;--fb:'DM Sans',sans-serif}
[data-theme=kertas] .bg-grid{background-image:repeating-linear-gradient(transparent 0 35px,#e8e0d0 35px 36px);background-size:auto;opacity:.6;mask-image:none;animation:none}
[data-theme=kertas] .bg-glow{display:none}
[data-theme=kertas] h1,[data-theme=kertas] h2,[data-theme=kertas] h3{font-weight:800;letter-spacing:-.5px}
[data-theme=kertas] .card{backdrop-filter:none;border-radius:3px;box-shadow:0 1px 0 var(--line),0 12px 30px rgba(60,40,10,.06)}
[data-theme=kertas] .btn{background:var(--cyan);color:#fff;box-shadow:none;border-radius:2px;letter-spacing:.4px}
[data-theme=kertas] .btn:hover{background:#12362b;transform:none;box-shadow:none}
[data-theme=kertas] .btn.ghost{background:transparent;color:var(--txt);border:1px solid var(--txt)}
[data-theme=kertas] .brand i{border-radius:2px;background:var(--cyan)}
[data-theme=kertas] .hero{grid-template-columns:1fr;text-align:center;justify-items:center;padding:70px 0 50px}
[data-theme=kertas] .hero h1{font-size:clamp(38px,6vw,72px)}
[data-theme=kertas] .hero h1 span{background:none;color:var(--violet);font-style:italic}
[data-theme=kertas] .hero p{margin-left:auto;margin-right:auto}
[data-theme=kertas] .cta,[data-theme=kertas] .counter{justify-content:center}
[data-theme=kertas] .orbit{display:none}
[data-theme=kertas] .jalur .card{border-radius:0;border-width:0 0 0 3px;border-left:3px solid var(--violet);box-shadow:none;background:transparent;padding-left:18px}
[data-theme=kertas] .timeline{border-top:2px solid var(--txt)}[data-theme=kertas] .timeline div:before{border-radius:0;background:var(--violet);box-shadow:none;transform:rotate(45deg)}
[data-theme=kertas] input,[data-theme=kertas] select,[data-theme=kertas] textarea{background:transparent;border:0;border-bottom:1.5px solid var(--txt);border-radius:0;padding-left:2px}
[data-theme=kertas] input:focus,[data-theme=kertas] select:focus,[data-theme=kertas] textarea:focus{box-shadow:none;border-color:var(--violet);background:rgba(180,83,42,.05)}
[data-theme=kertas] input[type=file]{border:1px dashed var(--txt);padding:10px}
[data-theme=kertas] .steps .s{border:0;border-bottom:3px solid var(--line);border-radius:0;font-family:var(--fh)}
[data-theme=kertas] .steps .s.on{border-color:var(--violet);background:none;color:var(--txt);font-weight:700}[data-theme=kertas] .steps .s.done{border-color:var(--green);color:var(--green)}
[data-theme=kertas] .bar i{background:var(--violet)}
[data-theme=kertas] .pick span,[data-theme=kertas] .jc span{border-radius:2px;background:#fff}
[data-theme=kertas] .pick input:checked+span,[data-theme=kertas] .jc input:checked+span{border-color:var(--cyan);background:#eef3ee;box-shadow:inset 0 0 0 1px var(--cyan)}
[data-theme=kertas] .adm{grid-template-columns:1fr}
[data-theme=kertas] .side{position:static;height:auto;display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:14px 34px;border-right:0;border-bottom:2px solid var(--txt);background:transparent}
[data-theme=kertas] .side>div{display:none}[data-theme=kertas] .side .brand{margin-right:auto}[data-theme=kertas] .side a{margin-top:0;border-radius:2px}
[data-theme=kertas] .side a.on,[data-theme=kertas] .side a:hover{background:var(--cyan);color:#fff}
[data-theme=kertas] .kpi{border-radius:0;border-top:3px solid var(--txt)}
[data-theme=kertas] .t th{font-family:var(--fh);color:var(--txt);border-bottom:2px solid var(--txt)}

/* ===== TEMA 3 · NEO-BRUTALIS (garis tebal, bayangan keras) ===== */
[data-theme=brutal]{--ink:#fff7d6;--ink2:#fff;--glass:#fff;--line:#111;--cyan:#ff5c8a;--violet:#3b5bff;--amber:#ffd400;--green:#00c27a;--red:#ff3b30;--txt:#111;--mut:#444;--r:0px;--fh:'Space Mono',monospace;--fb:'DM Sans',sans-serif}
[data-theme=brutal] .bg-grid{background-image:radial-gradient(#111 1.3px,transparent 1.3px);background-size:22px 22px;opacity:.16;mask-image:none;animation:none}
[data-theme=brutal] .bg-glow{display:none}
[data-theme=brutal] a{color:#111;text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--cyan)}
[data-theme=brutal] .btn,[data-theme=brutal] .tema-btn{text-decoration:none}
[data-theme=brutal] .card{border:3px solid #111;box-shadow:6px 6px 0 #111;backdrop-filter:none;border-radius:0}
[data-theme=brutal] .btn{background:var(--amber);color:#111;border:3px solid #111;border-radius:0;box-shadow:4px 4px 0 #111;text-transform:uppercase;font-family:var(--fh);font-size:13px}
[data-theme=brutal] .btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #111}
[data-theme=brutal] .btn.ghost{background:#fff;border:3px solid #111}
[data-theme=brutal] .btn.red{background:var(--red);border:3px solid #111}
[data-theme=brutal] .brand{color:#111;font-family:var(--fh)}[data-theme=brutal] .brand i{border-radius:0;background:var(--cyan);border:3px solid #111}
[data-theme=brutal] nav.top div a{color:#111;font-weight:700}
[data-theme=brutal] h1,[data-theme=brutal] h2,[data-theme=brutal] h3{text-transform:uppercase;letter-spacing:-1px}
[data-theme=brutal] .hero h1 span{background:var(--cyan);color:#111;padding:0 10px;-webkit-background-clip:border-box;background-clip:border-box;display:inline-block;transform:rotate(-1.5deg);border:3px solid #111}
[data-theme=brutal] .orbit .ring{border:3px solid #111;animation-duration:40s}[data-theme=brutal] .orbit .ring b{background:var(--cyan);border:3px solid #111;box-shadow:none;border-radius:0;width:16px;height:16px;top:-9px}
[data-theme=brutal] .orbit .core{background:var(--amber);border:3px solid #111;border-radius:0;transform:rotate(-6deg);box-shadow:6px 6px 0 #111}
[data-theme=brutal] .jalur .card:nth-child(odd){transform:rotate(-1.2deg)}[data-theme=brutal] .jalur .card:nth-child(even){transform:rotate(1.2deg)}
[data-theme=brutal] .jalur .card:nth-child(1){background:#ffe36e}[data-theme=brutal] .jalur .card:nth-child(2){background:#9fe3ff}[data-theme=brutal] .jalur .card:nth-child(3){background:#ffb3c8}[data-theme=brutal] .jalur .card:nth-child(4){background:#b8f0cf}
[data-theme=brutal] .timeline{border-top:4px solid #111}[data-theme=brutal] .timeline div:before{border-radius:0;background:var(--cyan);border:3px solid #111;box-shadow:none;width:15px;height:15px;top:-10px}
[data-theme=brutal] input,[data-theme=brutal] select,[data-theme=brutal] textarea{border:3px solid #111;border-radius:0;font-weight:500}
[data-theme=brutal] input:focus,[data-theme=brutal] select:focus,[data-theme=brutal] textarea:focus{box-shadow:5px 5px 0 var(--violet);border-color:#111}
[data-theme=brutal] label{color:#111;font-weight:700}
[data-theme=brutal] .steps .s{border:3px solid #111;border-radius:0;background:#fff;color:#111;font-weight:700}
[data-theme=brutal] .steps .s.on{background:var(--amber);box-shadow:3px 3px 0 #111}[data-theme=brutal] .steps .s.done{background:var(--green);color:#111}
[data-theme=brutal] .bar{height:12px;border:3px solid #111;border-radius:0;background:#fff}[data-theme=brutal] .bar i{background:var(--cyan)}
[data-theme=brutal] .pick span,[data-theme=brutal] .jc span{border:3px solid #111;border-radius:0;background:#fff;color:#111}
[data-theme=brutal] .pick input:checked+span,[data-theme=brutal] .jc input:checked+span{background:var(--amber);box-shadow:4px 4px 0 #111;border-color:#111}
[data-theme=brutal] .jc small{color:#222}
[data-theme=brutal] .badge{border:2px solid #111;border-radius:0}
[data-theme=brutal] .side{background:var(--amber);border-right:4px solid #111}
[data-theme=brutal] .side a{color:#111;border:2px solid transparent;border-radius:0;font-weight:700;text-decoration:none}
[data-theme=brutal] .side a.on,[data-theme=brutal] .side a:hover{background:#fff;border-color:#111;color:#111;box-shadow:3px 3px 0 #111}
[data-theme=brutal] .kpi b{color:#111!important}[data-theme=brutal] .kpi.c1{background:#9fe3ff}[data-theme=brutal] .kpi.c2{background:#ffe36e}[data-theme=brutal] .kpi.c3{background:#b8f0cf}[data-theme=brutal] .kpi.c4{background:#ffb3c8}[data-theme=brutal] .kpi.c5{background:#d9ccff}
[data-theme=brutal] .t th{color:#111;border-bottom:3px solid #111;font-family:var(--fh)}
[data-theme=brutal] .toast{border:3px solid #111;border-radius:0;box-shadow:4px 4px 0 #111}
[data-theme=brutal] .fbox{border:2px solid #111;border-radius:0}
[data-theme=brutal] .pdfbox{border:3px solid #111;border-radius:0;color:#111;background:var(--amber)}[data-theme=brutal] .pv3x4,[data-theme=brutal] .pvimg{border:3px solid #111;border-radius:0}

/* ===== TEMA 4 · AURORA LEMBUT (pastel, bulat, melayang) ===== */
[data-theme=aurora]{--ink:#f3f1ff;--ink2:#fff;--glass:rgba(255,255,255,.72);--line:rgba(108,92,231,.18);--cyan:#6c5ce7;--violet:#ff7eb6;--amber:#f59e0b;--green:#10b981;--red:#ef4565;--txt:#2a2650;--mut:#6f6a9a;--r:28px;--fh:'Nunito',sans-serif;--fb:'Nunito',sans-serif}
[data-theme=aurora]{background:linear-gradient(135deg,#e6e0ff,#ffe6f2 55%,#dff4ff) fixed}
[data-theme=aurora] .bg-grid{display:none}
[data-theme=aurora] .bg-glow{background:radial-gradient(circle,rgba(255,126,182,.4),transparent 65%)}
[data-theme=aurora] .card{border:1px solid #fff;box-shadow:0 18px 50px rgba(108,92,231,.14);backdrop-filter:blur(16px)}
[data-theme=aurora] .btn{background:linear-gradient(135deg,#6c5ce7,#ff7eb6);color:#fff;border-radius:999px;box-shadow:0 10px 24px rgba(108,92,231,.35)}
[data-theme=aurora] .btn:hover{box-shadow:0 14px 30px rgba(108,92,231,.5)}
[data-theme=aurora] .btn.ghost{background:#fff;color:var(--cyan);border:1px solid var(--line);box-shadow:none}
[data-theme=aurora] .btn.red{background:var(--red);box-shadow:none}
[data-theme=aurora] .brand i{background:linear-gradient(135deg,#6c5ce7,#ff7eb6);border-radius:50%}
[data-theme=aurora] h1,[data-theme=aurora] h2,[data-theme=aurora] h3{font-weight:800}
[data-theme=aurora] .hero h1 span{background:linear-gradient(100deg,#6c5ce7,#ff7eb6);-webkit-background-clip:text;background-clip:text}
[data-theme=aurora] .orbit .ring{border:2px solid rgba(108,92,231,.25);animation-duration:34s}[data-theme=aurora] .orbit .ring b{background:var(--violet);box-shadow:0 0 18px var(--violet)}
[data-theme=aurora] .orbit .core{background:linear-gradient(135deg,#fff,#f1ebff);box-shadow:0 20px 50px rgba(108,92,231,.25);border:0}
[data-theme=aurora] .jalur .card{text-align:center}[data-theme=aurora] .jalur .card:hover{transform:translateY(-6px);transition:.3s}
[data-theme=aurora] .timeline{border-top:3px dotted rgba(108,92,231,.35)}[data-theme=aurora] .timeline div:before{background:var(--violet);box-shadow:0 0 0 5px rgba(255,126,182,.25)}
[data-theme=aurora] input,[data-theme=aurora] select,[data-theme=aurora] textarea{border:1px solid var(--line);border-radius:16px}
[data-theme=aurora] input:focus,[data-theme=aurora] select:focus,[data-theme=aurora] textarea:focus{box-shadow:0 0 0 4px rgba(108,92,231,.18);border-color:var(--cyan)}
[data-theme=aurora] .steps .s{border-radius:999px;background:rgba(255,255,255,.7)}
[data-theme=aurora] .steps .s.on{background:var(--cyan);color:#fff;border-color:var(--cyan)}[data-theme=aurora] .steps .s.done{background:#d9f5e8}
[data-theme=aurora] .bar{height:8px}[data-theme=aurora] .bar i{background:linear-gradient(90deg,#6c5ce7,#ff7eb6)}
[data-theme=aurora] .pick span,[data-theme=aurora] .jc span{border-radius:22px;background:#fff}
[data-theme=aurora] .pick input:checked+span,[data-theme=aurora] .jc input:checked+span{border-color:var(--cyan);background:#f1edff;box-shadow:0 8px 24px rgba(108,92,231,.2)}
[data-theme=aurora] .side{margin:16px;height:calc(100vh - 32px);border:1px solid #fff;border-radius:28px;background:rgba(255,255,255,.75);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(108,92,231,.14)}
[data-theme=aurora] .side a{border-radius:999px}[data-theme=aurora] .side a.on,[data-theme=aurora] .side a:hover{background:var(--cyan);color:#fff}
[data-theme=aurora] .kpi{text-align:center}
[data-theme=aurora] .fbox{border-radius:18px;background:#fff}
@media(max-width:860px){[data-theme=aurora] .side{margin:10px;height:auto;border-radius:20px}[data-theme=kertas] .side{padding:12px 18px}}

.tema-pop{max-height:72vh;overflow:auto}
/* ===== grup tema gelap baru (rimba, terminal): ganti warna tint bawaan neon ===== */
[data-theme=rimba] .btn,[data-theme=terminal] .btn{background:var(--cyan);color:#0b140f;box-shadow:none}
[data-theme=rimba] .btn.ghost,[data-theme=terminal] .btn.ghost{background:transparent;color:var(--txt);border:1px solid var(--line)}
[data-theme=rimba] .btn.red,[data-theme=terminal] .btn.red{color:#fff}
[data-theme=rimba] .pick input:checked+span,[data-theme=terminal] .pick input:checked+span,[data-theme=rimba] .jc input:checked+span,[data-theme=terminal] .jc input:checked+span,
[data-theme=rimba] .steps .s.on,[data-theme=terminal] .steps .s.on,[data-theme=rimba] .side a.on,[data-theme=terminal] .side a.on,[data-theme=rimba] .side a:hover,[data-theme=terminal] .side a:hover,
[data-theme=rimba] .infobox,[data-theme=terminal] .infobox{background:color-mix(in srgb,var(--cyan) 13%,transparent);border-color:color-mix(in srgb,var(--cyan) 45%,transparent)}
[data-theme=rimba] .seg a.on,[data-theme=terminal] .seg a.on{color:#0b140f}

/* ===== TEMA 5 · RIMBA BORNEO (hutan gelap, emas, sudut daun) ===== */
[data-theme=rimba]{--ink:#0c1a14;--ink2:#12261d;--glass:rgba(255,255,255,.045);--line:rgba(224,182,77,.22);--cyan:#e0b64d;--violet:#6fcf97;--amber:#e0b64d;--green:#6fcf97;--red:#ef6a5b;--txt:#f1ead8;--mut:#a9b8a5;--r:26px;--fh:'Lora',Georgia,serif;--fb:'DM Sans',sans-serif}
[data-theme=rimba] .bg-grid{background-image:linear-gradient(45deg,rgba(224,182,77,.07) 25%,transparent 25%,transparent 75%,rgba(224,182,77,.07) 75%),linear-gradient(45deg,rgba(224,182,77,.07) 25%,transparent 25%,transparent 75%,rgba(224,182,77,.07) 75%);background-size:56px 56px;background-position:0 0,28px 28px;opacity:1;mask-image:radial-gradient(ellipse at 50% 0,#000 10%,transparent 70%);animation:none}
[data-theme=rimba] .bg-glow{background:radial-gradient(circle,rgba(111,207,151,.28),transparent 65%)}
[data-theme=rimba] .card{border-radius:30px 6px 30px 6px;border-color:var(--line)}
[data-theme=rimba] .btn{border-radius:16px 4px 16px 4px;font-weight:700}
[data-theme=rimba] h1,[data-theme=rimba] h2,[data-theme=rimba] h3{font-weight:700;letter-spacing:-.3px}
[data-theme=rimba] .hero h1 span{background:linear-gradient(100deg,#e0b64d,#6fcf97);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme=rimba] .orbit .ring b{background:var(--cyan);box-shadow:0 0 16px var(--cyan)}
[data-theme=rimba] .jalur .card{border-radius:36px 6px 36px 6px}[data-theme=rimba] .jalur .card:hover{border-color:var(--cyan)}
[data-theme=rimba] .jc span,[data-theme=rimba] .pick span{border-radius:20px 4px 20px 4px}
[data-theme=rimba] input,[data-theme=rimba] select,[data-theme=rimba] textarea{border-radius:14px 4px 14px 4px;background:rgba(0,0,0,.25)}
[data-theme=rimba] .steps .s{border-radius:16px 4px 16px 4px}[data-theme=rimba] .bar i{background:linear-gradient(90deg,#e0b64d,#6fcf97)}
[data-theme=rimba] .side a{border-radius:14px 4px 14px 4px}[data-theme=rimba] .side a.on{border-left:3px solid var(--cyan)}
[data-theme=rimba] .timeline div:before{border-radius:50% 0 50% 0;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}

/* ===== TEMA 6 · SENJA HANGAT (oranye, kartu bergaris warna) ===== */
[data-theme=senja]{--ink:#fff4ec;--ink2:#fff;--glass:#fff;--line:#f5d9c8;--cyan:#ff6b35;--violet:#d62976;--amber:#ffb703;--green:#2a9d8f;--red:#e63946;--txt:#3a1f1a;--mut:#8c6558;--r:20px;--fh:'Poppins',sans-serif;--fb:'Poppins',sans-serif}
[data-theme=senja]{background:linear-gradient(180deg,#ffd9c2 0,#fff4ec 460px) no-repeat,#fff4ec}
[data-theme=senja] .bg-grid{display:none}[data-theme=senja] .bg-glow{background:radial-gradient(circle,rgba(255,183,3,.45),transparent 62%);top:-30vmax}
[data-theme=senja] body,[data-theme=senja]{font-weight:400}
[data-theme=senja] .card{border:0;border-radius:20px;box-shadow:0 10px 30px rgba(214,41,118,.10);backdrop-filter:none}
[data-theme=senja] .btn{background:linear-gradient(135deg,#ff6b35,#d62976);color:#fff;border-radius:14px;box-shadow:0 8px 20px rgba(255,107,53,.35);font-weight:600}
[data-theme=senja] .btn.ghost{background:#fff;color:var(--cyan);border:1.5px solid var(--cyan);box-shadow:none}
[data-theme=senja] .btn.red{background:var(--red);box-shadow:none}
[data-theme=senja] .brand i{background:radial-gradient(circle at 35% 35%,#ffb703,#ff6b35 55%,#d62976);border-radius:50%}
[data-theme=senja] .hero h1{font-weight:800}[data-theme=senja] .hero h1 span{background:linear-gradient(100deg,#ff6b35,#d62976);-webkit-background-clip:text;background-clip:text}
[data-theme=senja] .orbit .ring{border:2px solid rgba(255,107,53,.3)}[data-theme=senja] .orbit .ring b{background:#ffb703;box-shadow:0 0 18px #ffb703}
[data-theme=senja] .orbit .core{background:radial-gradient(circle,#ffb703,#ff6b35 60%,#d62976);color:#fff;border:0;box-shadow:0 20px 60px rgba(255,107,53,.5)}[data-theme=senja] .orbit .core small{color:#fff}
[data-theme=senja] .jalur .card{border-top:5px solid var(--cyan)}[data-theme=senja] .jalur .card:nth-child(2){border-color:var(--violet)}[data-theme=senja] .jalur .card:nth-child(3){border-color:var(--amber)}[data-theme=senja] .jalur .card:nth-child(4){border-color:var(--green)}
[data-theme=senja] .timeline{border-top:3px solid #ffd3bd}[data-theme=senja] .timeline div:before{background:linear-gradient(135deg,#ff6b35,#d62976);box-shadow:none;width:13px;height:13px}
[data-theme=senja] input,[data-theme=senja] select,[data-theme=senja] textarea{border:1.5px solid var(--line);border-radius:12px}
[data-theme=senja] input:focus,[data-theme=senja] select:focus,[data-theme=senja] textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(255,107,53,.15)}
[data-theme=senja] .steps .s{border-radius:12px 12px 0 0;border:0;border-bottom:4px solid var(--line);background:transparent}
[data-theme=senja] .steps .s.on{border-color:var(--cyan);background:#fff;color:var(--cyan);font-weight:700}[data-theme=senja] .steps .s.done{border-color:var(--green);color:var(--green)}
[data-theme=senja] .bar i{background:linear-gradient(90deg,#ffb703,#ff6b35,#d62976)}
[data-theme=senja] .pick span,[data-theme=senja] .jc span{background:#fff;border:1.5px solid var(--line);border-radius:16px}
[data-theme=senja] .pick input:checked+span,[data-theme=senja] .jc input:checked+span{border-color:var(--cyan);background:#fff1e8;box-shadow:0 6px 18px rgba(255,107,53,.2)}
[data-theme=senja] .side{background:#fff;border-right:0;box-shadow:4px 0 24px rgba(214,41,118,.08)}
[data-theme=senja] .side a.on,[data-theme=senja] .side a:hover{background:#fff1e8;color:var(--cyan)}
[data-theme=senja] .kpi{border-top:4px solid var(--cyan)}[data-theme=senja] .seg a.on{color:#fff}

/* ===== TEMA 7 · TERMINAL RETRO (konsol hijau) ===== */
[data-theme=terminal]{--ink:#070b07;--ink2:#0d140d;--glass:rgba(57,255,20,.035);--line:rgba(57,255,20,.3);--cyan:#39ff14;--violet:#ffb000;--amber:#ffb000;--green:#39ff14;--red:#ff4d4d;--txt:#b6f5b0;--mut:#6fa86b;--r:0px;--fh:'Space Mono',monospace;--fb:'Space Mono',monospace}
[data-theme=terminal] .bg-grid{background:repeating-linear-gradient(0deg,rgba(57,255,20,.06) 0 1px,transparent 1px 3px);opacity:1;mask-image:none;animation:none}
[data-theme=terminal] .bg-glow{display:none}
[data-theme=terminal] body,[data-theme=terminal]{font-size:15px}
[data-theme=terminal] .card{border:1px dashed var(--line);border-radius:0;backdrop-filter:none;background:rgba(57,255,20,.03)}
[data-theme=terminal] h1::before,[data-theme=terminal] h2::before{content:"> ";color:var(--violet)}
[data-theme=terminal] h1::after{content:"_";color:var(--cyan);animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
[data-theme=terminal] .hero h1 span{background:none;color:var(--cyan);-webkit-background-clip:border-box}
[data-theme=terminal] .btn{border-radius:0;border:1px solid var(--cyan);background:transparent;color:var(--cyan);text-transform:uppercase;letter-spacing:1px;font-size:13px}
[data-theme=terminal] .btn::before{content:"[ "}[data-theme=terminal] .btn::after{content:" ]"}
[data-theme=terminal] .btn:hover{background:var(--cyan);color:#041004;transform:none;box-shadow:0 0 18px rgba(57,255,20,.5)}
[data-theme=terminal] .btn.ghost{border-color:var(--line);color:var(--txt)}[data-theme=terminal] .btn.red{background:transparent;color:var(--red);border-color:var(--red)}
[data-theme=terminal] .brand i{border-radius:0;background:var(--cyan);width:14px;height:22px;animation:blink 1s steps(1) infinite}
[data-theme=terminal] .orbit{display:none}[data-theme=terminal] .hero{grid-template-columns:1fr}
[data-theme=terminal] input,[data-theme=terminal] select,[data-theme=terminal] textarea{border-radius:0;background:#000;border:1px solid var(--line);caret-color:var(--cyan);color:var(--cyan)}
[data-theme=terminal] input:focus,[data-theme=terminal] select:focus,[data-theme=terminal] textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 0 16px rgba(57,255,20,.3)}
[data-theme=terminal] .steps .s{border-radius:0;border:1px dashed var(--line)}[data-theme=terminal] .steps .s.on{border:1px solid var(--cyan);color:var(--cyan)}[data-theme=terminal] .steps .s.done{color:var(--violet);border-color:var(--violet)}
[data-theme=terminal] .bar{height:8px;border-radius:0;background:transparent;border:1px solid var(--line)}[data-theme=terminal] .bar i{background:repeating-linear-gradient(90deg,var(--cyan) 0 8px,transparent 8px 11px)}
[data-theme=terminal] .pick span,[data-theme=terminal] .jc span{border-radius:0;border:1px dashed var(--line)}
[data-theme=terminal] .jalur .card,[data-theme=terminal] .kpi{border-style:dashed}
[data-theme=terminal] .timeline{border-top:1px dashed var(--cyan)}[data-theme=terminal] .timeline div:before{border-radius:0;width:9px;height:9px}
[data-theme=terminal] .side{border-right:1px dashed var(--line);background:#050805}[data-theme=terminal] .side a{border-radius:0}[data-theme=terminal] .side a::before{content:"$ ";color:var(--violet)}
[data-theme=terminal] .t th{color:var(--violet);border-bottom:1px dashed var(--line)}
[data-theme=terminal] .badge{border-radius:0;border:1px solid currentColor;background:transparent}
[data-theme=terminal] .toast,[data-theme=terminal] .modal .card{border-radius:0;border:1px solid var(--cyan)}[data-theme=terminal] .fbox{border-radius:0;border-style:dashed}

/* ===== TEMA 8 · LANGIT BERSIH (biru profesional, stepper & elevasi) ===== */
[data-theme=langit]{--ink:#f4f7fb;--ink2:#fff;--glass:#fff;--line:#e2e8f0;--cyan:#1e6bff;--violet:#7c3aed;--amber:#f59e0b;--green:#16a34a;--red:#dc2626;--txt:#0f172a;--mut:#64748b;--r:14px;--fh:'Plus Jakarta Sans',sans-serif;--fb:'Plus Jakarta Sans',sans-serif}
[data-theme=langit] .bg-grid,[data-theme=langit] .bg-glow{display:none}
[data-theme=langit] .card{border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.05);backdrop-filter:none}
[data-theme=langit] .btn{background:var(--cyan);color:#fff;border-radius:10px;box-shadow:0 1px 2px rgba(30,107,255,.4),0 6px 14px rgba(30,107,255,.25);font-weight:700}
[data-theme=langit] .btn:hover{background:#1558d6;transform:none}[data-theme=langit] .btn.ghost{background:#fff;color:var(--txt);border:1px solid var(--line);box-shadow:0 1px 2px rgba(15,23,42,.06)}
[data-theme=langit] .btn.red{background:var(--red);box-shadow:none}
[data-theme=langit] .brand i{background:var(--cyan);border-radius:9px}
[data-theme=langit] .hero{background:linear-gradient(135deg,#1e6bff,#4f46e5 70%);color:#fff;border-radius:24px;padding:48px 40px;margin-top:8px;box-shadow:0 24px 60px rgba(30,107,255,.3)}
[data-theme=langit] .hero h1,[data-theme=langit] .hero .counter b{color:#fff}[data-theme=langit] .hero p,[data-theme=langit] .hero .counter small{color:#dbe6ff}
[data-theme=langit] .hero h1 span{background:none;color:#a5f3fc;-webkit-background-clip:border-box}
[data-theme=langit] .hero .btn{background:#fff;color:var(--cyan);box-shadow:none}[data-theme=langit] .hero .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
[data-theme=langit] .orbit .ring{border-color:rgba(255,255,255,.35)}[data-theme=langit] .orbit .ring b{background:#fff;box-shadow:0 0 16px #fff}
[data-theme=langit] .orbit .core{background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.4)}[data-theme=langit] .orbit .core small{color:#dbe6ff}
[data-theme=langit] .jalur .card{border-left:4px solid var(--cyan)}
[data-theme=langit] .timeline{border-top:2px solid var(--line)}[data-theme=langit] .timeline div:before{background:var(--cyan);box-shadow:0 0 0 4px #dbe6ff}
[data-theme=langit] input,[data-theme=langit] select,[data-theme=langit] textarea{border:1px solid #cbd5e1;border-radius:10px}
[data-theme=langit] input:focus,[data-theme=langit] select:focus,[data-theme=langit] textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(30,107,255,.15)}
[data-theme=langit] .steps .s{border:0;border-bottom:3px solid var(--line);border-radius:0;background:transparent;font-weight:600}
[data-theme=langit] .steps .s.on{border-color:var(--cyan);color:var(--cyan);background:transparent}[data-theme=langit] .steps .s.done{border-color:var(--green);color:var(--green)}
[data-theme=langit] .pick span,[data-theme=langit] .jc span{background:#fff;border:1px solid #cbd5e1;border-radius:12px}
[data-theme=langit] .pick input:checked+span,[data-theme=langit] .jc input:checked+span{border-color:var(--cyan);background:#eff5ff;box-shadow:inset 0 0 0 1px var(--cyan)}
[data-theme=langit] .side{background:#fff;border-right:1px solid var(--line)}[data-theme=langit] .side a{border-radius:10px}
[data-theme=langit] .side a.on,[data-theme=langit] .side a:hover{background:#eff5ff;color:var(--cyan);box-shadow:inset 3px 0 0 var(--cyan)}
[data-theme=langit] .kpi b{font-weight:800}[data-theme=langit] .seg a.on{color:#fff}
@media(max-width:700px){[data-theme=langit] .hero{padding:28px 20px;border-radius:18px}}

/* kotak status hijau tetap hijau di semua tema */
[data-mode=light] .infobox.okb{border-color:var(--green);background:rgba(22,163,74,.09)}
[data-theme=rimba] .infobox.okb,[data-theme=terminal] .infobox.okb{background:color-mix(in srgb,var(--green) 12%,transparent);border-color:var(--green)}
[data-mode=light] .infobox.warn{background:#fff3da;border-color:#e0a030}

@media(max-width:860px){[data-theme=aurora] .side{margin:10px;height:auto;border-radius:20px}[data-theme=kertas] .side{padding:10px 12px}[data-theme=brutal] .side{border-right:0;border-bottom:4px solid #111}}

/* tombol tema di HP: bulat, di kanan bawah, naik bila ada tombol navigasi form */
@media(max-width:700px){.tema-btn{width:44px;height:44px;padding:0;border-radius:50%;font-size:0;display:grid;place-items:center;left:auto;right:12px;bottom:14px}
  .tema-btn::before{content:"\25D0";font-size:22px;line-height:1}.tema-pop{left:auto;right:12px;bottom:66px;width:min(290px,calc(100vw - 24px))}
  body:has(.nav-btn) .tema-btn{bottom:88px}body:has(.nav-btn) .tema-pop{bottom:140px}.ticket .no{font-size:20px}}

/* ---- v6: penanda kolom salah (merah) — spesifisitas tinggi agar tidak kalah oleh tema ---- */
[data-theme] input.bad,[data-theme] select.bad,[data-theme] textarea.bad,
[data-theme] input.bad:focus,[data-theme] select.bad:focus,[data-theme] textarea.bad:focus{
  border-color:#e5233e!important;background-color:rgba(229,35,62,.09)!important;box-shadow:0 0 0 3px rgba(229,35,62,.22)!important}
[data-theme] .has-bad>label{color:#e5233e!important}
.errmsg{font-size:12px;font-weight:600;color:#e5233e;margin-top:5px}
[data-mode=dark] .errmsg,[data-mode=dark] .has-bad>label{color:#ff7088!important}
[data-mode=light] .alert{background:#fde0e5;color:#a8203a;border-color:#e5233e}

[data-theme=brutal] .anav{background:var(--amber);border-bottom:4px solid #111}[data-theme=brutal] .anav-menu a,[data-theme=brutal] .dd-b{color:#111;font-weight:700;border-radius:0}
[data-theme=brutal] .anav-menu a:hover,[data-theme=brutal] .anav-menu a.on,[data-theme=brutal] .dd.cur>.dd-b,[data-theme=brutal] .dd.open>.dd-b{background:#fff;box-shadow:3px 3px 0 #111;color:#111}
[data-theme=brutal] .dd-p{border:3px solid #111;border-radius:0;box-shadow:5px 5px 0 #111}
[data-theme=terminal] .anav{background:#050805}[data-theme=terminal] .anav-menu a,[data-theme=terminal] .dd-b,[data-theme=terminal] .dd-p{border-radius:0}
[data-mode=light] .anav-menu a:hover,[data-mode=light] .dd-b:hover,[data-mode=light] .anav-menu a.on,[data-mode=light] .dd.cur>.dd-b,[data-mode=light] .dd.open>.dd-b{background:color-mix(in srgb,var(--cyan) 12%,transparent)}
[data-mode=light] .dd-p{box-shadow:0 16px 40px rgba(20,20,60,.15)}

[data-mode=light] .b-Cadangan{background:#fff1d6;color:#8a5a00}
[data-mode=light] .b-Gugur{background:#e8eaf0;color:#4a5160}