/* DIGIWEBS OS — identitas: Causten (huruf dokumen resmi PT), hijau hutan dari kop surat, kertas hijau pucat. */
@font-face{font-family:Causten;src:url(/static/fonts/causten-regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Causten;src:url(/static/fonts/causten-semibold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Causten;src:url(/static/fonts/causten-bold.ttf) format("truetype");font-weight:700;font-display:swap}
:root{--hutan:#01401E;--hutan-2:#0C5A2F;--daun:#0B7D40;--tunas:#00C65A;--kertas:#F3F7F1;--putih:#FFFFFF;--garis:#D3E2D6;
  --tinta:#14231B;--abu:#5D6E64;--bata:#B42318;--bata-bg:#FDEDEB;--kunyit:#A15C07;--kunyit-bg:#FFF4E0;--daun-bg:#E7F5EC;--radius:14px;--tinggi-atas:60px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kertas);color:var(--tinta);font:400 15px/1.55 Causten,system-ui,sans-serif}
a{color:var(--daun);text-underline-offset:3px}a:hover{color:var(--hutan)}
:focus-visible{outline:3px solid var(--tunas);outline-offset:2px;border-radius:6px}
h1{font-size:28px;line-height:1.15;font-weight:700;letter-spacing:-.01em;margin:4px 0 6px;color:var(--hutan)}
h2{font-size:17px;font-weight:600;margin:26px 0 10px;color:var(--hutan)}
p{margin:0 0 10px;max-width:68ch}.lembut{color:var(--abu)}.kecil{font-size:13px}
/* kerangka */
.atas{position:sticky;top:0;z-index:5;height:var(--tinggi-atas);display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--hutan);color:#fff}
.atas img{width:28px;height:26px}.atas b{font-weight:700;letter-spacing:.02em}.atas .siapa{margin-left:auto;font-size:13px;line-height:1.4;color:#BFE6CF;text-align:right}
.rangka{display:block}.isi{max-width:780px;margin:0 auto;padding:18px 16px 96px}
.navi{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;justify-content:space-around;background:var(--putih);border-top:1px solid var(--garis);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
.navi a{flex:1;text-align:center;text-decoration:none;color:var(--abu);font-size:12px;padding:6px 2px;border-radius:10px}
.navi a .ik{display:block;font-size:19px;line-height:1.1}.navi a[aria-current]{color:var(--hutan);background:var(--daun-bg);font-weight:600}
.navi .lebar,.navi .blok-lebar{display:none}
@media (min-width:900px){
  .rangka{display:grid;grid-template-columns:230px 1fr;align-items:start}.isi{padding:28px 32px 48px;margin:0}
  .navi{position:sticky;top:var(--tinggi-atas);height:calc(100vh - var(--tinggi-atas));overflow-y:auto;flex-direction:column;justify-content:flex-start;gap:2px;border-top:0;border-right:1px solid var(--garis);padding:16px 10px;background:var(--kertas)}
  .navi a{flex:0 0 auto;text-align:left;font-size:14px;padding:7px 12px;display:flex;gap:10px;align-items:center}.navi a .ik{display:inline;font-size:16px;width:20px;text-align:center}
  .navi .lebar{display:flex}.navi .sempit{display:none}.navi .blok-lebar{display:flex;flex-direction:column;gap:2px;flex:1}
  .navi hr{border:0;border-top:1px solid var(--garis);margin:8px 4px}.navi .keluar{margin-top:auto;padding-top:12px}
}
.penuh{width:100%}.sebaris{display:inline}.kunci-teks{letter-spacing:.08em}.input-catatan{margin:6px 0}
/* halaman Menu (HP) */
.menu-daftar{display:flex;flex-direction:column;background:var(--putih);border:1px solid var(--garis);border-radius:14px;overflow:hidden;margin:12px 0 18px}
.menu-daftar a{display:flex;gap:14px;align-items:center;padding:15px 16px;text-decoration:none;color:var(--tinta);border-top:1px solid var(--garis)}
.menu-daftar a:first-child{border-top:0}.menu-daftar a .ik{width:22px;text-align:center}.menu-daftar a[aria-current]{background:var(--daun-bg);font-weight:600}
/* strip minggu ini — elemen khas halaman Hari ini */
.minggu{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0 6px}
.hari{background:var(--putih);border:1px solid var(--garis);border-radius:12px;padding:10px 6px 8px;text-align:center}
.hari .nm{font-size:12px;color:var(--abu)}.hari .tg{font-size:20px;font-weight:700;color:var(--hutan)}
.hari .titik{width:10px;height:10px;border-radius:50%;margin:6px auto 0;border:2px solid var(--garis)}
.hari.hadir .titik{background:var(--tunas);border-color:var(--tunas)}.hari.kini{border:2px solid var(--hutan)}
.hari.lewat:not(.hadir) .tg{color:#9AA9A0}
/* tombol & aksi */
.aksi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
@media (min-width:600px){.aksi{grid-template-columns:repeat(4,1fr)}}
.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 15px Causten,sans-serif;border:0;border-radius:12px;padding:12px 16px;cursor:pointer;
  background:var(--hutan);color:#fff;text-decoration:none;min-height:46px}
.btn:hover,button:hover{background:var(--hutan-2);color:#fff}.btn.dua,button.dua{background:var(--putih);color:var(--hutan);border:1.5px solid var(--hutan)}
.btn.bahaya,button.bahaya{background:var(--bata)}.btn.tanya,button.tanya{background:var(--kunyit)}
.aksi .btn{flex-direction:column;padding:14px 8px;min-height:78px;font-size:14px}.aksi .btn .ik{font-size:22px}
/* daftar tindakan */
.daftar{list-style:none;margin:0;padding:0;background:var(--putih);border:1px solid var(--garis);border-radius:var(--radius);overflow:hidden}
.daftar li{padding:12px 14px 12px 16px;border-top:1px solid var(--garis);border-left:4px solid var(--garis)}.daftar li:first-child{border-top:0}
.daftar li.telat{border-left-color:var(--bata)}.daftar li.dekat{border-left-color:var(--kunyit)}.daftar li.aman{border-left-color:var(--tunas)}
.daftar .jdl{font-weight:600}.daftar .ket{font-size:13px;color:var(--abu)}
.kosong{padding:18px;color:var(--abu)}
.chip{display:inline-block;font-size:12px;font-weight:600;border-radius:99px;padding:2px 9px;background:var(--daun-bg);color:var(--hutan)}
.chip.menunggu,.chip.siap,.chip.di_bank{background:var(--kunyit-bg);color:var(--kunyit)}.chip.ditolak,.chip.diblokir{background:var(--bata-bg);color:var(--bata)}
.chip.perlu.info,.chip.perlu_verifikasi{background:var(--kunyit-bg);color:var(--kunyit)}
/* formulir */
form.panel,.panel{background:var(--putih);border:1px solid var(--garis);border-radius:var(--radius);padding:16px;margin:12px 0}
label{display:block;font-weight:600;margin:12px 0 5px}label .lembut{font-weight:400}
input,select,textarea{width:100%;font:15px Causten,sans-serif;padding:11px 12px;border:1.5px solid var(--garis);border-radius:10px;background:#fff;color:var(--tinta)}
input:focus,select:focus,textarea:focus{border-color:var(--daun);outline:none}
.baris{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.pesan{padding:12px 14px;border-radius:12px;margin:10px 0;background:var(--daun-bg)}.pesan.salah{background:var(--bata-bg);color:var(--bata)}
.angka{font-size:26px;font-weight:700;color:var(--hutan)}
table{width:100%;border-collapse:collapse;font-size:14px;background:var(--putih)}th,td{padding:9px 10px;border-bottom:1px solid var(--garis);text-align:left;vertical-align:top}
th{font-weight:600;color:var(--abu);font-size:13px}.gulir{overflow-x:auto;border:1px solid var(--garis);border-radius:var(--radius)}
/* asisten */
.obrolan{display:flex;flex-direction:column;gap:10px;min-height:40vh}
.gelembung{max-width:88%;padding:11px 14px;border-radius:16px;white-space:pre-wrap}.gelembung.saya{align-self:flex-end;background:var(--hutan);color:#fff;border-bottom-right-radius:4px}
.gelembung.ai{align-self:flex-start;background:var(--putih);border:1px solid var(--garis);border-bottom-left-radius:4px}
.tulis{position:sticky;bottom:72px;display:flex;gap:8px;background:var(--kertas);padding:10px 0}@media (min-width:900px){.tulis{bottom:0}}
.saran-q{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.saran-q button{background:var(--putih);color:var(--hutan);border:1px solid var(--garis);min-height:0;padding:8px 12px;font-weight:400;font-size:14px}
.masuk{max-width:420px;margin:8vh auto;padding:0 16px}.masuk .logo{display:flex;gap:10px;align-items:center;color:var(--hutan);font-weight:700;font-size:18px;margin-bottom:18px}
.masuk .logo img{width:40px;background:var(--hutan);border-radius:10px;padding:6px}
@media (prefers-reduced-motion:no-preference){.hari.kini .titik{animation:denyut 2.4s ease-in-out 1}}
@keyframes denyut{0%{transform:scale(.6)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
.card{background:var(--putih);border:1px solid var(--garis);border-radius:var(--radius);padding:16px;margin:12px 0}.muted{color:var(--abu);font-size:13px}
input[type=file]::file-selector-button{font:inherit;font-weight:600;border:1px solid var(--hutan);background:var(--putih);color:var(--hutan);border-radius:10px;padding:7px 14px;margin-right:12px;cursor:pointer}
.baris-centang{display:flex;gap:8px;align-items:center;margin-top:8px}.input-progres{max-width:120px}
.panel.peringatan{background:var(--kunyit-bg);border-color:#F1D3A2}.panel .jdl{font-weight:600}.panel .ket{font-size:13px;color:var(--abu)}
.sebaris-form{display:inline}.sebaris-form button{padding:2px 10px;min-height:0;font-size:13px}
p.ket{font-size:13px;color:var(--abu)}
.grup-menu{font-size:12px;font-weight:600;color:var(--abu);padding:10px 12px 2px}.menu-daftar .grup-menu{padding:14px 16px 6px;border-top:1px solid var(--garis);background:var(--kertas)}
@media (min-width:900px){.navi a{padding:4px 12px;line-height:1.45}.navi .grup-menu:first-of-type{padding-top:2px}}
.bar-proyek{display:inline-block;width:90px;height:8px;border-radius:4px;background:var(--garis);vertical-align:middle;overflow:hidden}.bar-proyek span{display:block;height:100%;background:var(--daun)}
.chip.diedit{background:var(--kunyit-bg);color:var(--kunyit);text-decoration:none;font-weight:600}
td.lama{color:var(--bata);text-decoration:line-through;text-decoration-thickness:1px}
/* ruang pemeriksa: lihat saja */
.lihat-saja{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.dokumen img{display:block;max-width:100%;height:auto;margin:0 auto 14px;border:1px solid var(--garis);border-radius:6px;background:#fff;pointer-events:none}
.tabel-gulir{overflow:auto;max-height:75vh;border:1px solid var(--garis);border-radius:var(--radius);background:#fff;margin:8px 0}
.berlapis{position:relative;display:inline-block;min-width:100%}
.berlapis::after{content:"";position:absolute;inset:0;background:url(/audit/tanda-air.svg) repeat;pointer-events:none}
table.lembar{border-collapse:collapse;font-size:12.5px;min-width:100%}
table.lembar td,table.lembar th{border:1px solid #E3E8E5;padding:4px 8px;white-space:nowrap;vertical-align:top;text-align:left}
table.lembar th{background:var(--daun-bg);position:sticky;top:0}

table.kv th{text-align:left;font-weight:600;padding:3px 12px 3px 0;vertical-align:top;color:var(--abu)}table.kv td{padding:3px 0}
fieldset{border:1px solid var(--garis);border-radius:10px;margin:12px 0;padding:6px 12px}fieldset legend{font-weight:600}
@media print{body[data-lihat-saja] .isi,body[data-lihat-saja] .navi{display:none!important}
  body[data-lihat-saja]::after{content:"Mencetak tidak diizinkan di Ruang pemeriksa. Gunakan tombol Minta salinan resmi.";display:block;padding:40px;font-size:18px}}
.keluar-hp{margin:24px 0}@media (min-width:900px){.keluar-hp{display:none}}
table.lembar td.kan{text-align:right;font-variant-numeric:tabular-nums}table.lembar a{display:inline;min-height:0;padding:0}
input[type=checkbox],input[type=radio]{width:auto}
label.cek{display:flex;gap:8px;align-items:center;font-weight:400;margin:8px 0}
form.cari{display:flex;gap:8px;align-items:center}form.cari input{flex:1;min-width:0}
table.lembar td{white-space:normal;min-width:48px;max-width:340px}table.lembar td.kan{white-space:nowrap}
.isi:has(.tabel-gulir){max-width:none}
/* Situs & konten: editor tulisan */
.editor{border:1px solid var(--garis);border-radius:12px;background:var(--putih);margin:8px 0 14px}
.editor-alat{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border-bottom:1px solid var(--garis);position:sticky;top:var(--tinggi-atas);background:var(--putih);z-index:2;border-radius:12px 12px 0 0}
.editor-alat button{min-height:36px;padding:4px 10px;font-size:13px}
.editor-isi{min-height:340px;padding:14px 16px;font-size:16px;line-height:1.7;outline:0}
.editor-isi img{max-width:min(100%,520px);height:auto;border-radius:8px}.editor-isi figure{margin:12px 0}.editor-isi figcaption{font-size:13px;color:var(--abu)}
.editor-isi blockquote{border-left:4px solid var(--tunas);margin:10px 0;padding:2px 12px;color:var(--abu)}
.editor-sumber{width:100%;font:13px/1.5 ui-monospace,monospace;border:0;padding:12px;box-sizing:border-box}
.editor-status{padding:0 12px 8px;margin:0}
.sampul-pratinjau{max-width:320px;border-radius:10px;margin:6px 0}
pre.log{white-space:pre-wrap;font-size:12px;max-height:340px;overflow:auto;background:var(--kertas);padding:10px;border-radius:8px}
.centang{display:flex;gap:8px;align-items:flex-start}
/* login redaksi per situs */
body.redaksi .atas{background:var(--redaksi,#01401E)}
body.redaksi .redaksi-isi{max-width:960px;margin:0 auto;padding:16px}
.redaksi-nav{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:12px}
.redaksi-nav a{font-weight:600}
/* susunan seret-lepas */
.urut{list-style:none;margin:0 0 12px;padding:0}.urut li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #d9dee3;border-radius:8px;margin:6px 0;background:#fff;cursor:grab}
.urut li.diseret{opacity:.5}.urut .pegangan{font-size:1.2rem;color:#7a8794}.urut label{flex:1;margin:0}.urut-tombol{display:flex;gap:4px}.urut-tombol button{padding:4px 10px}
.dua-kolom{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.kartu-ringkas{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:12px 0}
.kartu-ringkas div{background:#fff;border:1px solid #d9dee3;border-radius:10px;padding:12px}.kartu-ringkas b{display:block;font-size:1.5rem}.kartu-ringkas span{font-size:.85rem;color:#5e6870}
.gulir-x{overflow-x:auto}
/* tautan bergaya tombol (a.tombol) seragam dengan <button>; baris tombol rapi di HP */
a.tombol{display:inline-flex;align-items:center;gap:6px;font:600 14px Causten,sans-serif;border-radius:10px;padding:9px 14px;text-decoration:none;background:var(--hutan);color:#fff;margin:2px 0}
a.tombol.dua{background:var(--putih);color:var(--hutan);border:1px solid var(--garis)}
a.tombol:hover{filter:brightness(1.08)}
.baris{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.panel table{border-collapse:collapse}.panel.gulir-x,.panel:has(> table){overflow-x:auto}

.kisi-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:12px 0}

/* tombol kembali ke atas */
.ke-atas{position:fixed;right:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:50;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;
  background:var(--hutan);color:#fff;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.18);
  opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s}
.ke-atas.tampil{opacity:1;pointer-events:auto;transform:none}
.ke-atas:focus-visible{outline:3px solid #F2A541;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.ke-atas{transition:none}}
@media print{.ke-atas{display:none!important}}
.ke-atas{bottom:calc(84px + env(safe-area-inset-bottom,0px))}@media (min-width:900px){.ke-atas{bottom:24px}}
/* kode QR verifikasi 2 langkah: latar putih sendiri agar terbaca di tema gelap, mengecil di layar sempit */
.qr-bingkai{display:inline-block;background:#fff;padding:8px;border-radius:10px;border:1px solid #d9d9d9;margin:4px 0 10px;line-height:0}
.qr-2fa{display:block;width:240px;max-width:72vw;height:auto}
.qr-cadangan{font-size:.92em}
/* ===================== Studio produksi situs (Situs & konten) ===================== */
.isi:has(>.studio){max-width:1240px}
.studio{--sela:16px}
.studio h2{margin:0 0 10px;font-size:16px}
.studio .lembut{color:var(--abu)}
.studio-bilah{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 18px}
.studio a.tombol,.studio button,.studio .sebaris-form button{min-height:40px;padding:8px 14px;font-size:14px;border-radius:10px;margin:0;line-height:1.2}
.studio a.tombol.dua,.studio button.dua{border:1px solid var(--garis);background:var(--putih);color:var(--hutan)}
.studio a.tombol.dua:hover,.studio button.dua:hover{border-color:var(--daun);background:var(--daun-bg);color:var(--hutan)}
.studio .kecil-tombol a.tombol,.studio .kecil-tombol button{min-height:34px;padding:6px 11px;font-size:13px}
.studio .sebaris-form{display:inline-flex}
/* kepala situs */
.studio-kepala{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;background:var(--putih);border:1px solid var(--garis);border-radius:16px;padding:18px 20px;margin-bottom:var(--sela)}
.studio-id{display:flex;gap:14px;align-items:center;min-width:0}
.studio-ikon{width:52px;height:52px;border-radius:12px;background:var(--daun-bg);display:grid;place-items:center;font-weight:700;color:var(--hutan);font-size:20px;flex:none;overflow:hidden;border:1px solid var(--garis)}
.studio-ikon img{width:100%;height:100%;object-fit:cover}
.studio-id h2{margin:0;font-size:20px;line-height:1.2}.studio-id p{margin:2px 0 0;font-size:13px;color:var(--abu)}
.studio-aksi{display:flex;flex-wrap:wrap;gap:8px}
/* angka ringkas */
.stat-baris{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:var(--sela)}
.stat{background:var(--putih);border:1px solid var(--garis);border-radius:14px;padding:12px 14px}
.stat b{display:block;font-size:22px;line-height:1.15;color:var(--hutan);font-variant-numeric:tabular-nums}.stat span{font-size:12.5px;color:var(--abu)}
.stat.peringatan b{color:var(--kunyit)}.stat.bahaya b{color:var(--bata)}
/* menu kelola situs */
.studio-menu{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;background:var(--putih);border:1px solid var(--garis);border-radius:14px;margin-bottom:var(--sela)}
.studio-menu a{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:9px;text-decoration:none;color:var(--tinta);font-size:13.5px;font-weight:600}
.studio-menu a:hover{background:var(--daun-bg);color:var(--hutan)}
.studio-menu .sebaris-form button{min-height:0;padding:6px 11px;font-size:13.5px;background:transparent;color:var(--tinta);border:0}
.studio-menu .sebaris-form button:hover{background:var(--daun-bg);color:var(--hutan)}
.callout{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:12px;margin-bottom:var(--sela);font-size:13.5px;background:var(--kunyit-bg);border:1px solid #F1D3A2;color:#5f3c05}
.callout.info{background:var(--daun-bg);border-color:#BFE3CB;color:var(--hutan)}.callout p{margin:0;max-width:none}
/* kolom utama + samping */
.studio-grid{display:grid;gap:var(--sela);align-items:start}
@media (min-width:1150px){.studio-grid{grid-template-columns:minmax(0,1fr) 340px}.studio-sisi{position:sticky;top:calc(var(--tinggi-atas) + 16px)}}
.kartu-sisi{background:var(--putih);border:1px solid var(--garis);border-radius:16px;padding:16px;margin-bottom:var(--sela)}
.kartu-sisi h3{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;font-size:15px;color:var(--hutan)}
.kartu-sisi p{font-size:13px;margin:0 0 8px}.kartu-sisi .baris{margin-top:10px}
.kartu-sisi form:not(.sebaris-form){margin:0}.kartu-sisi label{font-size:13px;margin:8px 0 4px}.kartu-sisi input,.kartu-sisi select{padding:8px 10px;font-size:14px}
.saklar-status{font-size:12px;font-weight:700;border-radius:99px;padding:3px 10px;background:var(--daun-bg);color:var(--hutan)}.saklar-status.mati{background:#EEF1EF;color:var(--abu)}
progress.meter{display:block;width:100%;height:8px;border:0;border-radius:99px;background:#E6EEE8;overflow:hidden;margin:8px 0 4px;-webkit-appearance:none;appearance:none}
progress.meter::-webkit-progress-bar{background:#E6EEE8;border-radius:99px}progress.meter::-webkit-progress-value{background:var(--daun);border-radius:99px}progress.meter::-moz-progress-bar{background:var(--daun);border-radius:99px}
.cek-daftar{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:13px}.cek-daftar li{display:flex;gap:8px;align-items:baseline}
.cek-daftar .ya{color:var(--daun);font-weight:700}.cek-daftar .tidak{color:var(--bata);font-weight:700}
.pesan-kecil{list-style:none;margin:0;padding:0;font-size:13px}.pesan-kecil li{padding:8px 0;border-top:1px solid var(--garis)}.pesan-kecil li:first-child{border-top:0}
/* bilah alat daftar artikel */
.bilah-alat{display:flex;flex-wrap:wrap;gap:10px;align-items:end;background:var(--putih);border:1px solid var(--garis);border-radius:14px;padding:12px 14px;margin-bottom:10px}
.bilah-alat label{margin:0;font-size:12.5px;font-weight:600;color:var(--abu);display:grid;gap:4px}
.bilah-alat input,.bilah-alat select{padding:8px 10px;font-size:14px;min-width:0}
.bilah-alat .cari{flex:1 1 220px}.bilah-alat .sempit{flex:0 1 170px}
.bilah-massal{position:sticky;top:calc(var(--tinggi-atas) + 8px);z-index:3;display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--hutan);color:#fff;border-radius:12px;padding:8px 12px;margin-bottom:10px}
.bilah-massal label{margin:0;color:#fff;font-weight:600;font-size:13.5px;display:flex;gap:8px;align-items:center}
.bilah-massal select{width:auto;max-width:100%;padding:7px 10px;font-size:13.5px;border:0}
.bilah-massal button{background:var(--tunas);color:#032312;min-height:36px;padding:6px 14px}.bilah-massal button:hover{background:#3BE08A;color:#032312}
/* daftar artikel */
.daftar-artikel{list-style:none;margin:0;padding:0;background:var(--putih);border:1px solid var(--garis);border-radius:14px;overflow:hidden}
.daftar-artikel li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:11px 14px;border-top:1px solid var(--garis)}
.daftar-artikel li:first-child{border-top:0}.daftar-artikel li:hover{background:#FAFCFA}
.daftar-artikel .pilih{display:flex;margin:0}.daftar-artikel .pilih input{width:18px;height:18px}
.daftar-artikel .jdl{font-weight:600;line-height:1.35}.daftar-artikel .jdl a{color:var(--tinta);text-decoration:none}.daftar-artikel .jdl a:hover{color:var(--daun);text-decoration:underline}
.daftar-artikel .ket{font-size:12.5px;color:var(--abu);margin-top:2px;overflow-wrap:anywhere}
.daftar-artikel .tanda{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.skor{display:inline-grid;place-items:center;min-width:42px;height:28px;padding:0 8px;border-radius:99px;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;background:var(--daun-bg);color:var(--hutan)}
.skor.dekat{background:var(--kunyit-bg);color:var(--kunyit)}.skor.telat{background:var(--bata-bg);color:var(--bata)}
.studio .chip{white-space:nowrap}
.halaman-nav{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:12px;font-size:13px}
/* kartu situs (daftar situs) */
.kartu-situs-kisi{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;margin-bottom:22px}
.kartu-situs{display:flex;flex-direction:column;gap:10px;background:var(--putih);border:1px solid var(--garis);border-radius:16px;padding:16px}
.kartu-situs:hover{border-color:#B7D3BF}
.kartu-situs .kepala{display:flex;gap:12px;align-items:center;min-width:0}.kartu-situs .kepala .studio-ikon{width:44px;height:44px;font-size:17px}
.kartu-situs h3{margin:0;font-size:16px;line-height:1.25}.kartu-situs h3 a{color:var(--tinta);text-decoration:none}.kartu-situs h3 a:hover{color:var(--daun)}
.kartu-situs .dom{font-size:12.5px;color:var(--abu);overflow-wrap:anywhere}
.kartu-situs .angka-kecil{display:flex;gap:14px;font-size:12.5px;color:var(--abu)}.kartu-situs .angka-kecil b{color:var(--tinta);font-size:15px;display:block}
.kartu-situs .kaki{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
/* formulir tambah situs */
.dua-kartu{display:grid;gap:16px;align-items:start}@media (min-width:1150px){.dua-kartu{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}
.kartu-form{background:var(--putih);border:1px solid var(--garis);border-radius:16px;padding:18px 20px}
.kartu-form h2{margin:0 0 4px}.kartu-form>p.lembut{margin:0 0 6px;font-size:13px}
.kisi-isian{display:grid;gap:0 14px}@media (min-width:700px){.kisi-isian{grid-template-columns:1fr 1fr}.kisi-isian .lebar-penuh{grid-column:1/-1}}
.info-deteksi{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--hutan);background:var(--daun-bg);border-radius:10px;padding:8px 12px;margin:8px 0 0}
.otomatis-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;font-size:13px;color:var(--abu)}.otomatis-list li::before{content:"✓";color:var(--daun);font-weight:700;margin-right:8px}
.kartu-form fieldset{margin:14px 0 6px}.kartu-form fieldset label{font-size:14px}
/* editor: skor SEO ringkas */
.skor-seo{display:flex;gap:14px;align-items:center;margin-bottom:10px}
.cincin{width:64px;height:64px;flex:none}.cincin text{font:700 10px Causten,system-ui,sans-serif;fill:var(--tinta)}
.cek-kisi{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px 16px;font-size:13px}@media (min-width:700px){.cek-kisi{grid-template-columns:1fr 1fr}}
.cek-kisi li{display:flex;gap:8px;align-items:baseline}.cek-kisi .ya{color:var(--daun);font-weight:700}.cek-kisi .tidak{color:#B9C4BD;font-weight:700}
.tumpuk{display:grid;gap:16px;align-content:start}
.daftar-artikel.tanpa-pilih li{grid-template-columns:minmax(0,1fr) auto}
.daftar-artikel li.kosong{display:block;padding:22px 16px;color:var(--abu)}
.kartu-situs .baris{margin:0;gap:6px}
.kartu-form summary{cursor:pointer;padding:2px 0}.kartu-form details[open] summary{margin-bottom:6px}
.kartu-form textarea{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px}
.kartu-sisi details{margin-top:10px;border-top:1px solid var(--garis);padding-top:8px}.kartu-sisi summary{cursor:pointer;color:var(--hutan);font-weight:600}
.studio .chip{line-height:1.6}
.studio-kepala .chip{vertical-align:1px}
@media (max-width:640px){
  .studio-kepala{padding:14px}.studio-aksi{width:100%}.studio-aksi a.tombol{flex:1 1 auto;justify-content:center}
  .studio-ikon{width:44px;height:44px}
  .stat-baris{grid-template-columns:repeat(2,minmax(0,1fr))}
  .studio-menu{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.studio-menu::-webkit-scrollbar{display:none}.studio-menu a,.studio-menu .sebaris-form{flex:none;white-space:nowrap}
  .daftar-artikel li{grid-template-columns:auto minmax(0,1fr);padding:11px 12px}
  .daftar-artikel.tanpa-pilih li{grid-template-columns:minmax(0,1fr)}
  .daftar-artikel .tanda{grid-column:-2/-1;justify-content:flex-start}
  .bilah-massal{position:static}.bilah-massal select{flex:1 1 100%}
  .bilah-alat .sempit,.bilah-alat .cari{flex:1 1 100%}
  .kartu-form{padding:16px}
}
.isi:has(.studio-kepala)>h1{display:none}
.studio-id h1{margin:0;font-size:22px;line-height:1.2}
.studio-menu{gap:4px}.studio-menu a,.studio-menu .sebaris-form button{padding:6px 9px;font-size:13px}
.kartu-form label .kecil{display:block;font-weight:400;margin-top:4px}
.panel.studio .skor-seo b{color:var(--hutan)}.panel.studio .baris{margin-top:12px}
/* pengganti atribut style (CSP OS: style-src 'self' — gaya sebaris tidak dijalankan browser) */
.kpi-angka{font-size:1.4em;font-weight:700;color:var(--hutan)}
.publik{max-width:760px;margin:0 auto;padding:16px}.publik.lebar{max-width:980px}.publik.sempit{max-width:720px}
.logo-pratinjau{max-height:52px;width:auto;background:#fff;padding:4px;border-radius:6px;border:1px solid var(--garis)}
.grafik-svg{width:100%;max-width:760px;height:auto}
.gb-kotak{width:150px;border-radius:6px}.gb-story{width:84px;border-radius:6px}
.panel.garis-kunyit{border-left:4px solid #E0A100}.panel.garis-bata{border-left:4px solid #C0392B}
pre.bungkus{white-space:pre-wrap}.baris-total td{font-weight:700}td.pecah,.pecah{word-break:break-all}
.identitas-gb{max-height:110px;width:auto;background:#fff;border:1px solid #ddd}
progress.bar-proyek{display:inline-block;width:90px;height:8px;margin:0 6px 0 0;vertical-align:middle}
del.beda-hapus{background:#fde2e1}ins.beda-tambah{background:#dcf5e3;text-decoration:none}
.cek-kisi .tidak.merah{color:var(--bata)}
input[type=color]{width:120px;height:44px;padding:4px;cursor:pointer;display:block}
input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:7px}input[type=color]::-moz-color-swatch{border:0;border-radius:7px}