/* Gaya khusus halaman kelompok saas-lain (Pengelola SaaS, Helpdesk, Profil, Tentang, Panduan, halaman masuk/daftar/setup).
   Komponen bersama (kartu-atur, grid-atur, chip, kosong, modal) ada di gaya/dasar.css & app.css; di sini hanya penyesuaian
   halaman. Semua warna lewat token (mode gelap ikut). Awalan .sl- = milik berkas ini. */

/* ---------- Umum ---------- */
.sl-tumpuk{display:flex;flex-direction:column;gap:20px}
.sl-kepala-teks{flex:1;min-width:0}
.sl-kepala-teks h2{margin:0}
.modal .box .sl-kepala-teks h2{margin:0;font-size:18px;font-weight:800}
.sl-poin{margin:0 0 16px}
.sl-rapat{margin:-6px 0 14px}
.sl-cek{margin:0 0 16px}
.sl-cek-daftar{display:flex;flex-direction:column;gap:10px}
.sl-hapus{color:var(--danger)}
.sl-hapus input{accent-color:var(--danger)}
.row>.sl-sempit{flex:0 0 140px;min-width:120px}
.sl-judul-bagian{margin:0 0 12px;font-size:16px;font-weight:800;color:var(--fg-heading)}
.sl-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--bayang-kartu);padding:20px}
.sl-panel>h2{margin:0 0 14px;font-size:17px;font-weight:800}
.sl-panel-kepala{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 0 14px}
.sl-panel-kepala h2{margin:0;font-size:17px;font-weight:800}
.sl-panel-kepala p{margin:2px 0 0;font-size:13.5px;color:var(--fg-muted)}
.sl-panel .table-wrap{margin:0}
.sl-dua{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:20px;align-items:start}
.sl-aksi-baris{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.sl-aksi-baris form{display:inline-flex;margin:0}
.sl-nilai{display:grid;grid-template-columns:minmax(120px,170px) minmax(0,1fr);gap:10px 16px;margin:0;font-size:14.5px}
.sl-nilai dt{color:var(--fg-muted)}
.sl-nilai dd{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--fg)}
@media (max-width:640px){.sl-nilai{grid-template-columns:minmax(0,1fr);gap:2px 0}.sl-nilai dd{margin-bottom:8px}}

/* ---------- Pengelola SaaS › Sistem: kartu per bagian ---------- */
.sl-sistem{display:flex;flex-direction:column;gap:28px}
.sl-grup>h2{margin:0 0 12px;font-size:16px;font-weight:800;color:var(--fg-heading)}
.sl-sistem .grid-atur{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.sl-sistem .kartu-atur dl.nilai{grid-template-columns:minmax(0,1fr);gap:0}
.sl-sistem .kartu-atur dl.nilai dt{font-size:12px;font-weight:600}
.sl-sistem .kartu-atur dl.nilai dd{margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}
.sl-sistem .kartu-atur dl.nilai dd:last-child{margin-bottom:0}

/* ---------- Pengelola SaaS › Paket ---------- */
.sl-harga{margin:0;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.sl-harga b{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--fg-heading);font-variant-numeric:tabular-nums}
.sl-harga span{font-size:13px;color:var(--fg-muted)}
.sl-modul{display:flex;flex-wrap:wrap;gap:4px}
.sl-modul .badge{font-size:11.5px;padding:2px 8px;white-space:normal;max-width:100%;text-align:left;line-height:1.35}
.sl-paket .kartu-atur .keterangan{flex:0 0 auto}
.sl-paket .sl-modul{flex:1;align-content:flex-start}
.kartu-atur.sl-redup{background:var(--bg-kaki)}
.kartu-atur.sl-redup .kartu-atur-ikon{background:var(--bg-subtle);color:var(--fg-muted)}
.sl-fieldset{border:0;padding:0;margin:0 0 16px;min-width:0}
.sl-fieldset legend{margin:0 0 8px;padding:0;font-size:13.5px;font-weight:600;color:var(--fg-heading)}

/* ---------- Bilah ringkas (nilai sekarang + Ubah), mis. formulir pendaftaran publik ---------- */
.sl-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--bayang-kartu)}
.sl-bar-isi{flex:1 1 240px;min-width:0}
.sl-bar-isi h2{margin:0;font-size:15px;font-weight:800}
.sl-bar-isi p{margin:2px 0 0;font-size:13.5px;color:var(--fg-muted)}
.sl-bar .status,.sl-panel .status{font-weight:700;color:var(--fg-muted)}
.sl-bar .status.ok,.sl-panel .status.ok{color:var(--accent)}
.sl-bar .status.perlu,.sl-panel .status.perlu{color:var(--warning)}
/* Langkah bernomor di modal panduan (tombol i) */
ol.sl-langkah{list-style:none;margin:0;padding:0;counter-reset:sl;display:flex;flex-direction:column;gap:10px}
ol.sl-langkah>li{counter-increment:sl;position:relative;padding:2px 0 0 36px;font-size:14px;line-height:1.55}
ol.sl-langkah>li::before{content:counter(sl);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:999px;background:var(--primary-subtle);color:var(--primary-hover);font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center}

/* ---------- Pengelola SaaS › Rincian pendaftaran ---------- */
.sl-sub-judul{margin:18px 0 8px;font-size:14px;font-weight:800;color:var(--fg-heading)}
.sl-riwayat-surel{list-style:none;margin:0;padding:0;border:1px solid var(--garis-lembut);border-radius:12px;overflow:hidden}
.sl-riwayat-surel li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:10px 14px;font-size:14px;border-bottom:1px solid var(--garis-lembut)}
.sl-riwayat-surel li:last-child{border-bottom:0}
.sl-kirim-ulang{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:16px 0 0;padding-top:14px;border-top:1px solid var(--garis-lembut)}
.sl-kirim-ulang .help{margin:0}
.sl-catatan{margin:14px 0 0}
.sl-kapital{text-transform:uppercase}
.sl-sub-pertama{margin-top:0}
.row>.sl-kode{flex:0 0 180px}
.sl-poin-atas{margin-top:4px}
/* .sl-teks-bahaya = alias .teks-bahaya (aturannya di gaya/dasar.css) */
.sl-panel>.kosong{padding:24px 12px}
/* Pilihan cara masuk (partials/cara-masuk) di modal tambah perusahaan/pengelola */
#m-pt-baru .cara-masuk,#m-pengelola .cara-masuk{border:0;padding:0;margin:0 0 16px;min-width:0}
#m-pt-baru .cara-masuk legend,#m-pengelola .cara-masuk legend{margin:0 0 8px;padding:0;font-size:13.5px;font-weight:600;color:var(--fg-heading)}

/* ---------- Helpdesk ---------- */
.sl-akhir{margin-bottom:0}
.sl-chip-status{margin:0 0 14px}
.sl-chip-status .jumlah{color:var(--fg-muted);font-weight:700}
.sl-chip-status .chip.on .jumlah{color:inherit}
.titik-koral{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--koral)}
.sl-saring{margin:0 0 16px}
.sl-saring .sl-saring-cek{flex:0 0 auto;min-width:0;align-self:center;margin-top:22px}
.sl-saring .sl-saring-tombol{flex:0 0 auto;min-width:0}
.sl-tautan-judul{font-weight:600;color:var(--fg-heading);text-decoration:none}
.sl-tautan-judul:hover{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.sl-kontak{margin-top:16px;padding-top:14px;border-top:1px solid var(--garis-lembut)}
@media (max-width:640px){.sl-saring .sl-saring-cek{margin-top:0}}
/* Tiket: kiri = masalah, lampiran, utas; kanan = rincian, tindakan, lama per tahap (HP: kanan tampil lebih dulu) */
.sl-tiket{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:20px;align-items:start}
.sl-tiket-utama{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:20px;min-width:0}
.sl-tiket-samping{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:20px;min-width:0}
@media (max-width:1100px){.sl-tiket{grid-template-columns:minmax(0,1fr)}.sl-tiket-utama,.sl-tiket-samping{grid-column:1;grid-row:auto}}
.sl-judul-kecil{margin:0 0 10px;font-size:15px;font-weight:800}
.sl-panel>h2.sl-judul-kecil{font-size:15px;margin-bottom:10px}
.sl-nilai.sl-nilai-sempit{grid-template-columns:minmax(0,96px) minmax(0,1fr);font-size:14px}
.sl-blok{display:block;color:var(--fg-muted);font-size:12.5px}
.sl-masalah-judul{margin:0 0 6px;font-size:16px;font-weight:700;color:var(--fg-heading)}
.sl-masalah-cerita{margin:0;white-space:pre-wrap;font-size:14.5px;line-height:1.6}
.sl-tiket .hd-aksi{margin-top:16px}
.sl-tombol-tindakan{display:flex;flex-wrap:wrap;gap:8px}
.sl-tombol-tindakan .btn{flex:1 1 auto}
.sl-serah{margin-top:12px}
.sl-lama{list-style:none;margin:0;padding:0}
.sl-lama li{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid var(--garis-lembut);font-size:14px}
.sl-lama li:last-child{border-bottom:0}
.sl-lama li small{display:block;font-size:12px;color:var(--fg-muted)}
.sl-lama li b{white-space:nowrap;color:var(--fg-heading)}
.sl-lama .sl-lama-total{font-weight:700}
.sl-utas-isi{white-space:pre-wrap;margin:4px 0 0}
.sl-balas{margin-top:16px;padding-top:14px;border-top:1px solid var(--garis-lembut)}

/* ---------- Profil Saya ---------- */
.sl-profil-kepala{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px}
.sl-profil-kepala .profil-avatar{flex:0 0 88px;width:88px;height:88px;font-size:28px;font-weight:800;background:var(--koral-subtle);color:var(--koral-kuat);border:0}
.sl-profil-teks{flex:1 1 240px;min-width:0}
.sl-profil-teks h2{margin:0;font-size:20px;font-weight:800}
.sl-profil-teks p{margin:2px 0 0;color:var(--fg-muted);font-size:14px;overflow-wrap:anywhere}
.sl-profil-teks .sl-profil-peran{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sl-profil-foto{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-end;flex:0 1 auto}
.sl-profil-foto form{margin:0}
.sl-profil-foto .help{flex-basis:100%;margin:0;text-align:right;font-size:12.5px}
@media (max-width:640px){.sl-profil-foto{justify-content:flex-start}.sl-profil-foto .help{text-align:left}}

/* ---------- Tentang aplikasi ---------- */
.sl-identitas{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px 20px}
.sl-identitas>img{flex:0 0 64px;width:64px;height:64px;border-radius:16px}
.sl-identitas-teks{flex:1 1 300px;min-width:0}
.sl-identitas-teks h2{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 6px;font-size:20px;font-weight:800}
.sl-identitas-teks>p{margin:0 0 14px;max-width:72ch;color:var(--fg-muted)}
.sl-dua-lebar{grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr))}
@media (max-width:640px){.sl-dua-lebar{grid-template-columns:minmax(0,1fr)}}
.sl-riwayat{margin-left:6px}
.sl-riwayat-kepala{margin:0 0 6px}
.sl-riwayat .poin{font-size:13.5px;line-height:1.5;color:var(--fg)}
.sl-modul-daftar{list-style:none;margin:0;padding:0}
.sl-modul-daftar li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--garis-lembut)}
.sl-modul-daftar li:last-child{border-bottom:0}
.sl-modul-ikon{flex:0 0 36px;width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-subtle);color:var(--primary)}
.sl-modul-ikon svg{width:18px;height:18px}
.sl-modul-daftar .sl-redup .sl-modul-ikon{background:var(--bg-subtle);color:var(--fg-muted)}
.sl-modul-teks{flex:1;min-width:0}
.sl-modul-teks b{display:block;font-size:14px;color:var(--fg-heading)}
.sl-modul-teks small{display:block;font-size:12.5px;line-height:1.45;color:var(--fg-muted)}
.sl-riwayat .poin{list-style:disc}

/* ---------- Bantuan › Panduan memulai ---------- */
.sl-tur{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.sl-tur h2{margin:0;font-size:17px;font-weight:800}
.sl-tur p{margin:0;color:var(--fg-muted)}
.sl-tur .btn{margin-top:6px}
#PM01 .mulai-langkah{margin:0}

/* ---------- Ganti password, Segera hadir, halaman galat ---------- */
.sl-sempit-tengah{max-width:520px}
.sl-kepala-ikon{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.sl-kepala-ikon h2{margin:0;font-size:17px;font-weight:800}
.sl-kepala-ikon .kartu-atur-ikon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sl-kosong-judul{margin:0;font-size:18px;font-weight:800}
.sl-galat{max-width:560px;margin:32px auto;padding:40px 24px}
.sl-galat h1{margin:0;font-size:1.5rem}
.sl-galat-tamu{width:100%;margin:0 auto}

/* ---------- Pemasangan awal (/setup, tanpa menu) ---------- */
.sl-setup{max-width:680px}
.sl-setup .auth-head img{border-radius:16px}
.sl-setup .auth-head h1{font-size:1.6rem}
.sl-setup-form{display:flex;flex-direction:column;gap:16px}
.sl-setup-langkah{display:flex;gap:16px;align-items:flex-start}
.sl-no{flex:0 0 32px;width:32px;height:32px;border-radius:999px;background:var(--primary);color:var(--on-primary);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.sl-setup-isi{flex:1;min-width:0}
.sl-setup-isi h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:4px 0 14px;font-size:17px;font-weight:800}
.sl-setup-isi h2 .opt{font-size:12.5px;font-weight:500;color:var(--fg-muted)}
.sl-setup-isi .field:last-child{margin-bottom:0}
.sl-setup-isi .row:last-child .field{margin-bottom:0}
.sl-setup-ket{margin:-6px 0 14px}
.sl-setup-kirim{min-height:48px;font-size:15px}
.sl-alert-rapat{margin:0}
@media (max-width:560px){.sl-setup-langkah{flex-direction:column;gap:8px}.row>.sl-kode{flex:1 1 100%}}

/* ---------- Halaman masuk (/login): formulir kanan putih, panel kiri navy ---------- */
.sl-gerbang .gerbang-masuk{border-left:0;box-shadow:-1px 0 0 var(--border)}
.sl-gerbang-atas{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:40px}
.sl-gerbang .gerbang-merek{margin:0}
.sl-gerbang .gerbang-merek img{width:36px;height:36px;border-radius:10px}
.sl-gerbang .gerbang-merek b{font-size:19px;font-weight:800;color:var(--fg-heading)}
.sl-gerbang .gerbang-masuk h1{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--fg-heading)}
.sl-gerbang .gerbang-form .btn{min-height:48px;font-size:15px}
.sl-gerbang .gerbang-atau{text-transform:none;letter-spacing:0;font-size:13px}
.sl-gerbang .gerbang-bantuan dt{font-weight:700;color:var(--fg-heading)}
.sl-gerbang .gerbang-tentang{background:var(--nav-bg);color:var(--nav-fg)}
.sl-gerbang .gerbang-label{color:var(--koral);font-weight:800}
.sl-gerbang .gerbang-tentang h2{color:#fff;font-weight:800}
.sl-gerbang .gerbang-lede{color:var(--nav-fg)}
.sl-gerbang .gerbang-modul{border-top-color:var(--nav-aktif)}
.sl-gerbang .gerbang-modul div{border-bottom-color:var(--nav-aktif)}
.sl-gerbang .gerbang-modul dt{color:#fff}
.sl-gerbang .gerbang-modul dd{color:var(--nav-redup)}
.sl-gerbang .gerbang-catatan{color:var(--nav-redup)}
.sl-gerbang .gerbang-tentang a{color:#fff}
/* Pratinjau percakapan (HTML, bukan gambar) */
.sl-pratinjau{margin:32px 0 0;max-width:520px;background:#fff;color:#1F2A44;border-radius:18px;box-shadow:0 30px 60px -24px rgba(0,0,0,.55);overflow:hidden}
.sl-pratinjau-kepala{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #EDF1F7}
.sl-pratinjau-avatar{flex:0 0 36px;width:36px;height:36px;border-radius:999px;background:#FFEDE8;color:#B93A22;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.sl-pratinjau-nama{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.sl-pratinjau-nama b{font-size:14px;color:#0F1E3D}
.sl-pratinjau-nama small{display:flex;align-items:center;gap:6px;font-size:12px;color:#5B6780}
.sl-pratinjau-peluang{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}
.sl-pratinjau-peluang small{font-size:11px;color:#5B6780}
.sl-pratinjau-peluang b{font-size:20px;font-weight:800;color:#0F1E3D}
.sl-pratinjau-chat{display:flex;flex-direction:column;gap:8px;padding:16px;background:#F5F7FB}
.sl-gelembung{margin:0;max-width:82%;padding:9px 12px;font-size:13.5px;line-height:1.45;border-radius:4px 14px 14px 14px;background:#fff;border:1px solid #E3E8F0}
.sl-gelembung.ai{align-self:flex-end;border-radius:14px 4px 14px 14px;background:#2563EB;border-color:#2563EB;color:#fff}
.sl-gelembung-ket{align-self:flex-end;font-size:11.5px;color:#5B6780}
.sl-pratinjau-batang{height:6px;background:#EEF2F8}
.sl-pratinjau-batang span{display:block;width:74%;height:100%;background:#FF7A5C}
@media (max-width:960px){.sl-gerbang .gerbang-masuk{box-shadow:none}.sl-gerbang-atas{margin-bottom:28px}}

/* ---------- Halaman publik bergaya dokumen (daftar, status pendaftaran, panduan sambungan) ---------- */
.halaman-legal .legal-kepala .gerbang-merek img{width:34px;height:34px;border-radius:10px}
.halaman-legal .legal-kepala .gerbang-merek b{font-size:19px;font-weight:800;color:var(--fg-heading)}
.halaman-legal .legal-tab a{font-weight:600}
.halaman-legal .legal-isi{border-radius:var(--radius-lg)}
.sl-daftar{max-width:820px}
.sl-daftar-judul{margin:0 0 20px}
.sl-daftar-judul h1{margin:0;font-size:28px;font-weight:800;letter-spacing:-.02em}
.sl-daftar-judul .legal-tgl{margin:6px 0 18px}
.sl-daftar-judul ol.daftar-langkah{margin:0}
.halaman-legal ol.daftar-langkah li{background:var(--surface);border-radius:12px}
.halaman-legal ol.daftar-langkah li.on{background:var(--primary-subtle)}
.halaman-legal ol.daftar-langkah li.selesai{background:var(--accent-subtle)}
.halaman-legal ol.daftar-langkah li.gagal{background:var(--danger-subtle)}
.sl-daftar-form{display:flex;flex-direction:column;gap:16px}
.sl-daftar-form .sl-bagian>h2,.daftar-pt .sl-bagian>h2{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:17px;font-weight:800}
.sl-bagian .sl-no{flex:0 0 28px;width:28px;height:28px;font-size:13px}
.sl-bagian-ket{margin:-6px 0 16px}
.sl-bagian .cabang-baris{border-radius:12px;background:var(--bg-kaki)}
.sl-bagian #tambah-cabang{margin-top:4px}
.sl-tanpa-bawah{margin-bottom:0}
.sl-bagian .pilih-paket{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.sl-bagian .pilih-paket label{padding:14px;border-radius:12px}
.sl-bagian .pilih-paket label b{font-size:15px;color:var(--fg-heading)}
.sl-harga-paket{margin-top:6px}
.sl-harga-paket b{font-size:16px;color:var(--fg-heading)}
.sl-daftar-kirim{display:flex;flex-direction:column;gap:14px}
.sl-daftar-kirim .daftar-setuju{margin:0}
.sl-daftar-kirim .btn{min-height:48px;font-size:15px}
.sl-bagian>h2{margin:0 0 14px;font-size:17px;font-weight:800}
.sl-bagian ol.langkah-v{margin:8px 0 0}
.sl-bagian .aktivasi-pilih section{border-radius:12px;background:var(--bg-kaki)}
.daftar-terkirim.sl-alert-rapat{margin:0}
/* Panduan kunci AI & WhatsApp (/panduan/sambungan) */
.panduan-sambungan .judul-panduan{font-size:28px;font-weight:800;letter-spacing:-.02em}
.sl-daftar-isi{margin:0 0 20px}
.sl-sb{scroll-margin-top:80px}
.sl-sb .langkah-panduan{margin:0 0 4px;font-size:15px;line-height:1.6}
.sl-sb .langkah-panduan li::marker{font-weight:800;color:var(--primary)}
.sl-sb .poin{font-size:14.5px;line-height:1.55}
.sl-sb .sl-sub-judul{margin-top:16px}
/* Tentang aplikasi › Dokumen (TA02) dan Laporan uji keamanan (UK01/UK02) */
.ta-dokumen{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;color:var(--fg);text-decoration:none;transition:border-color .15s,background-color .15s}
.ta-dokumen:hover{border-color:var(--primary);background:var(--primary-subtle)}
.ta-dokumen-ikon{flex:0 0 40px;width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-subtle);color:var(--accent)}
.ta-dokumen-ikon svg{width:20px;height:20px}
.ta-dokumen-teks{flex:1;min-width:0}
.ta-dokumen-teks b{display:block;font-size:15px;color:var(--fg-heading)}
.ta-dokumen-teks small{display:block;margin-top:2px;font-size:13.5px;color:var(--fg-muted);line-height:1.5}
@media (max-width:640px){.ta-dokumen{flex-wrap:wrap}}
.uk-kepala{margin-bottom:6px}
.uk-kepala .badge{margin-right:6px}
.uk-judul{margin:26px 0 8px;font-size:16px;font-weight:800;color:var(--fg-heading)}
.uk-teks{margin:0 0 10px;font-size:14.5px;line-height:1.65;max-width:78ch}
.uk-poin{font-size:14.5px;line-height:1.6;max-width:90ch}
.uk-poin li{margin:4px 0}
ol.uk-temuan{margin:0;padding-left:22px}
ol.uk-temuan li{margin:8px 0}
.uk-tabel td{vertical-align:top}
.uk-tabel td:first-child{width:42%;font-weight:600;color:var(--fg-heading)}
.uk-titik{display:inline-block;width:9px;height:9px;margin:0 8px 1px 0;border-radius:999px;vertical-align:middle}
.uk-hijau{background:var(--accent)}.uk-kuning{background:var(--warning)}.uk-merah{background:var(--danger)}
.uk-catatan{margin:24px 0 0;padding-top:12px;border-top:1px solid var(--border);font-size:12.5px;color:var(--fg-muted)}
.uk-arsip{margin-top:34px;padding-top:22px;border-top:1px solid var(--border)}
.uk-arsip-judul{margin:0 0 12px;font-size:17px;font-weight:800;color:var(--fg-heading)}
@media print{.uk-titik{-webkit-print-color-adjust:exact;print-color-adjust:exact}.uk-judul{break-after:avoid}.uk-tabel tr{break-inside:avoid}}
/* Pengelola SaaS › Dokumen (views/saas/dokumen.ejs) */
.dp-catatan{margin:0 0 16px;font-size:13.5px;color:var(--fg-muted);max-width:90ch}
.dp-daftar{list-style:none;margin:0;padding:0}
.dp-daftar li{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--garis-lembut)}
.dp-daftar li:last-child{border-bottom:0}
.dp-ikon{flex:0 0 38px;width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}
.dp-ikon.dp-tautan{background:var(--primary-subtle);color:var(--primary)}
.dp-ikon.dp-berkas{background:var(--koral-subtle);color:var(--koral-kuat)}
.dp-teks{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dp-teks a{color:var(--fg-heading);text-decoration:none;overflow-wrap:anywhere}
.dp-teks a:hover{color:var(--primary);text-decoration:underline}
.dp-teks small{font-size:13px;color:var(--fg-muted);line-height:1.45}
.dp-meta{font-size:12.5px}
.dp-aksi{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.dp-hapus{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}
@media (max-width:640px){.dp-daftar li{flex-wrap:wrap}.dp-aksi{width:100%;justify-content:flex-start;padding-left:52px}}
/* Pengelola SaaS › Website: daftar teks per bagian, kepala daftar FAQ, pratinjau banner. */
.ws-nilai dd{overflow-wrap:anywhere}
.ws-faq-kepala{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 6px}
.ws-faq-kepala .lp-sub{margin:0}
.ws-pratinjau{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-radius:10px;padding:10px 14px;color:#fff;font-size:14px}
.ws-pratinjau.w-biru{background:#2563EB}.ws-pratinjau.w-koral{background:#E8604C}.ws-pratinjau.w-navy{background:#0F1E3D}
.ws-pratinjau b{font-weight:700}.ws-pratinjau span{opacity:.92}
.ws-pratinjau img{width:64px;height:40px;object-fit:cover;border-radius:6px}
.ws-cek{list-style:none;margin:0;padding:0}
.ws-cek li{display:flex;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--garis-lembut)}
.ws-cek li:last-child{border-bottom:0}
/* Pengelola SaaS › Arsip: folder (akordeon) */
.dp-folder{padding:0}
.dp-folder-kepala{display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;list-style:none}
.dp-folder-kepala::-webkit-details-marker{display:none}
.dp-folder-kepala b{display:block;font-size:15px;color:var(--fg-heading)}
.dp-folder-kepala small{color:var(--fg-muted);font-size:12.5px}
.dp-folder-ikon{flex:0 0 40px;width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#FEF3C7;color:#B7791F}
.dp-folder[open] .dp-folder-ikon{background:#FDE68A}
.dp-folder .dp-daftar{padding:0 18px 12px}
/* Paket & langganan › Modul per paket: matriks modul × paket (tampilan dan modal Atur modul). */
.pk-matriks th small{display:block;font-size:12px;font-weight:500;color:var(--fg-muted)}
.pk-matriks tbody th{text-align:left;font-weight:400;white-space:normal;min-width:220px}
.pk-matriks tbody th small{margin-top:2px;line-height:1.4;white-space:normal}
.pk-matriks thead th.center{white-space:nowrap;width:1%}
.pk-matriks td.center input[type=checkbox]{width:20px;height:20px;cursor:pointer}
.pk-matriks .pk-ya{color:var(--ok, #15803D);font-weight:800}
.ws-indexnow{justify-content:flex-start;align-items:center;margin-top:12px}