:root{--ungu: #6b2fa8;--ungu-tua: #522d90;--ungu-muda: #c77be8;--ungu-kabut: #f2e8fb;--ungu-kabut-2: #e6d4f5;--mint: #12b98f;--mint-kabut: #e6fbf5;--tinta: #1b0b2e;--tinta-lembut: #5b4a70;--tinta-samar: #8b7ba3;--putih: #fff;--kabut: #faf6ff;--garis: #ece4f6;--merah: #d93a40;--merah-kabut: #fdeced;--kuning: #a35a08;--kuning-kabut: #fff4e0;--biru: #2f6fd1;--biru-kabut: #e8f0fd;--grad: linear-gradient(135deg, #6b2fa8 0%, #9f45b4 48%, #ed4d9b 100%);--sh-1: 0 1px 2px rgb(61 7 100 / .06), 0 2px 8px rgb(61 7 100 / .05);--sh-2: 0 6px 16px rgb(61 7 100 / .09), 0 16px 40px rgb(61 7 100 / .09);--r-s: 8px;--r-m: 12px;--r-l: 18px;--mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#akar{height:100%}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5;color:var(--tinta);background:var(--kabut);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--ungu-muda);outline-offset:2px}kbd{font-family:var(--mono);font-size:11px;padding:1px 6px;border:1px solid var(--garis);border-bottom-width:2px;border-radius:5px;color:var(--tinta-samar);background:var(--putih)}.ikon{flex:none}.tombol{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--r-s);border:1px solid var(--garis);background:var(--putih);font-weight:600;transition:background .15s,border-color .15s}.tombol:hover:not(:disabled){border-color:var(--ungu-kabut-2);background:var(--kabut)}.tombol--utama{border:0;color:var(--putih);background:var(--grad);box-shadow:0 4px 14px #6b2fa840}.tombol--utama:hover:not(:disabled){background:var(--grad);filter:brightness(1.05)}.tombol--kecil{height:30px;font-size:13px}.tombol--lebar{width:100%}.tombol--penyedia{height:44px;margin-top:10px}.tombol-ikon{position:relative;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:var(--r-s);color:var(--tinta-lembut)}.tombol-ikon:hover{background:var(--ungu-kabut);color:var(--ungu)}.tombol-ikon--kosong:hover{background:none}.tautan{color:var(--ungu);font-weight:600;font-size:13px}.tautan:hover{text-decoration:underline}.tautan--bahaya{color:var(--merah);margin-right:auto}.pilih,.isian input,.isian textarea{height:34px;padding:0 10px;border:1px solid var(--garis);border-radius:var(--r-s);background:var(--putih);min-width:0}.isian textarea{height:auto;padding:8px 10px;resize:vertical}.pilih:focus,.isian input:focus,.isian textarea:focus{outline:none;border-color:var(--ungu-muda);box-shadow:0 0 0 3px var(--ungu-kabut)}.pilih--kecil{height:30px;font-size:13px}.pilih--angka{width:90px;text-align:right}.avatar{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;font-size:12px;font-weight:700;color:var(--ungu);background:var(--ungu-kabut)}.avatar--kecil{width:26px;height:26px;font-size:10px}.chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--garis);background:var(--putih);font-size:12px;font-weight:600;color:var(--tinta-lembut)}.chip.is-aktif{border-color:var(--ungu);color:var(--ungu);background:var(--ungu-kabut)}.chip--diam{background:var(--kabut)}.chip--pilih{cursor:pointer}.chip--pilih input{accent-color:var(--ungu)}.asal{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap}.asal--akademi{color:#0d7d62;background:var(--mint-kabut)}.asal--ombiboth{color:var(--ungu);background:var(--ungu-kabut)}.asal--desk{color:var(--biru);background:var(--biru-kabut)}.sla{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap}.sla--aman,.sla--diam{color:var(--tinta-lembut);background:#f1edf6}.sla--hampir{color:var(--kuning);background:var(--kuning-kabut)}.sla--lewat{color:var(--merah);background:var(--merah-kabut)}.sla--tepat{color:#0d7d62;background:var(--mint-kabut)}.keadaan{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap}.keadaan--baru,.keadaan--menunggu{color:var(--ungu);background:var(--ungu-kabut)}.keadaan--dijawab{color:var(--biru);background:var(--biru-kabut)}.keadaan--ditahan{color:var(--kuning);background:var(--kuning-kabut)}.keadaan--selesai{color:var(--tinta-samar);background:#f1edf6}.label-chip{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:600;color:var(--ungu-tua);background:var(--ungu-kabut)}.label-chip button{display:grid;place-items:center;color:inherit;opacity:.6}.label-chip button:hover{opacity:1}.label-chip--biru{color:var(--biru);background:var(--biru-kabut)}.label-chip--hijau{color:#0d7d62;background:var(--mint-kabut)}.label-chip--kuning{color:var(--kuning);background:var(--kuning-kabut)}.label-chip--merah{color:var(--merah);background:var(--merah-kabut)}.label-chip--abu{color:var(--tinta-lembut);background:#f1edf6}.meta-teks{color:var(--tinta-samar);font-size:12px}.meta-teks--kecil{margin-top:10px;font-size:11.5px}.kosong{padding:24px 16px;color:var(--tinta-samar);text-align:center}.kosong--tengah{display:grid;place-items:center;height:100%}.galat-baris{margin:8px 0;padding:8px 12px;border-radius:var(--r-s);color:var(--merah);background:var(--merah-kabut);font-size:13px}.catatan-baris{margin-bottom:12px;color:var(--tinta-samar);font-size:13px}.berhasil{color:#0d7d62;font-weight:600;font-size:13px}.layar-muat{display:grid;place-items:center;height:100%;animation:denyut 1.4s ease-in-out infinite}@keyframes denyut{50%{opacity:.45}}.pintu{display:grid;place-items:center;min-height:100%;padding:24px 16px;background:radial-gradient(1200px 500px at 50% -10%,var(--ungu-kabut),transparent),var(--kabut)}.pintu__kartu{width:min(380px,100%);padding:36px 32px 32px;border-radius:var(--r-l);background:var(--putih);box-shadow:var(--sh-2);text-align:center}.pintu__kartu h1{margin-top:14px;font-size:24px;font-weight:800;letter-spacing:-.02em}.pintu__kartu h1 b{color:var(--ungu)}.pintu__sub{margin:4px 0 18px;color:var(--tinta-lembut)}.pintu__catatan{margin-bottom:14px;color:var(--tinta-samar);font-size:13px}.desk{display:grid;grid-template-columns:220px minmax(0,1fr);height:100%}.sisi{display:flex;flex-direction:column;gap:18px;padding:16px 12px;background:var(--putih);border-right:1px solid var(--garis);min-height:0}.sisi__merek{display:flex;align-items:center;gap:10px;padding:4px 8px;font-size:15px;font-weight:700}.sisi__merek b{color:var(--ungu)}.sisi__menu{display:flex;flex-direction:column;gap:2px}.sisi__butir{display:flex;align-items:center;gap:10px;height:38px;padding:0 10px;border-radius:var(--r-s);color:var(--tinta-lembut);font-weight:600}.sisi__butir:hover{background:var(--kabut);color:var(--tinta)}.sisi__butir.is-aktif{color:var(--ungu);background:var(--ungu-kabut)}.sisi__butir.is-segera{color:var(--tinta-samar)}.sisi__angka{margin-left:auto;min-width:22px;padding:0 6px;border-radius:999px;font-style:normal;font-size:11px;font-weight:700;text-align:center;color:var(--putih);background:var(--ungu)}.sisi__segera{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:600;color:var(--tinta-samar)}.sisi__saya{display:flex;align-items:center;gap:10px;margin-top:auto;padding:10px 6px 0;border-top:1px solid var(--garis)}.sisi__nama{display:flex;flex-direction:column;min-width:0;flex:1}.sisi__nama b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.sisi__nama small{color:var(--tinta-samar);font-size:11.5px}.utama{display:flex;flex-direction:column;min-width:0;min-height:0}.atas{display:flex;align-items:center;gap:12px;height:60px;padding:0 20px;background:var(--putih);border-bottom:1px solid var(--garis);flex:none}.cari{display:flex;align-items:center;gap:8px;flex:1;max-width:520px;height:38px;padding:0 12px;border:1px solid var(--garis);border-radius:var(--r-m);background:var(--kabut);color:var(--tinta-samar)}.cari:focus-within{border-color:var(--ungu-muda);background:var(--putih);box-shadow:0 0 0 3px var(--ungu-kabut)}.cari input{flex:1;min-width:0;border:0;outline:none;background:none;color:var(--tinta)}.atas__aksi{display:flex;align-items:center;gap:8px;margin-left:auto}.lonceng{position:relative}.lonceng__angka{position:absolute;top:2px;right:1px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;font-style:normal;font-size:10px;font-weight:700;line-height:17px;color:var(--putih);background:#ed4d9b}.lonceng__panel{position:absolute;top:42px;right:0;z-index:30;width:360px;max-height:460px;overflow:auto;border-radius:var(--r-m);border:1px solid var(--garis);background:var(--putih);box-shadow:var(--sh-2)}.lonceng__kepala{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--putih);border-bottom:1px solid var(--garis)}.lonceng__panel ul{list-style:none}.lonceng__panel li a{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:start;padding:10px 14px;border-bottom:1px solid var(--garis)}.lonceng__panel li a:hover{background:var(--kabut)}.lonceng__panel li.is-baru .lonceng__judul{font-weight:700}.lonceng__titik{width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--ungu-muda)}.lonceng__titik--sla-hampir{background:#f0a020}.lonceng__titik--sla-lewat{background:var(--merah)}.lonceng__judul{font-size:13px;line-height:1.4}.lonceng__panel small{color:var(--tinta-samar);font-size:11.5px;white-space:nowrap}.kotak{display:grid;grid-template-columns:340px minmax(0,1fr) 300px;flex:1;min-height:0}.kotak__daftar,.kotak__konteks{overflow:auto;background:var(--putih);min-height:0}.kotak__daftar{border-right:1px solid var(--garis)}.kotak__konteks{border-left:1px solid var(--garis);padding:4px 0 20px}.kotak__percakapan{position:relative;display:flex;flex-direction:column;min-height:0;min-width:0}.kabar-galat{position:fixed;bottom:20px;left:50%;z-index:60;display:flex;align-items:center;gap:6px;max-width:calc(100% - 32px);padding:6px 6px 6px 14px;border-radius:var(--r-s);color:var(--merah);background:var(--merah-kabut);box-shadow:var(--sh-1);font-size:13px;transform:translate(-50%)}.tampilan{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;gap:6px;padding:12px;background:var(--putih);border-bottom:1px solid var(--garis)}.tampilan__chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--garis);font-size:12px;font-weight:600;color:var(--tinta-lembut)}.tampilan__chip em{font-style:normal;font-size:11px;color:var(--tinta-samar)}.tampilan__chip:hover{border-color:var(--ungu-kabut-2)}.tampilan__chip.is-aktif{color:var(--putih);border-color:var(--ungu);background:var(--ungu)}.tampilan__chip.is-aktif em{color:#fffc}.tampilan__chip.is-bahaya:not(.is-aktif) em{color:var(--merah);font-weight:700}.daftar__info{padding:10px 14px 0;color:var(--tinta-samar);font-size:12px}.daftar{list-style:none}.butir{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-bottom:1px solid var(--garis);border-left:3px solid transparent}.butir:hover{background:var(--kabut)}.butir.is-aktif{border-left-color:var(--ungu);background:var(--ungu-kabut)}.butir__baris{display:flex;align-items:center;gap:8px;min-width:0}.butir__id{font-family:var(--mono);font-size:11.5px;color:var(--tinta-samar)}.butir__waktu{margin-left:auto;font-size:11.5px;color:var(--tinta-samar)}.butir__subjek{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.butir.is-belum .butir__subjek{font-weight:800}.butir.is-belum .butir__subjek:before{content:"";display:inline-block;width:7px;height:7px;margin:0 7px 2px 0;border-radius:50%;background:var(--ungu)}.butir__nama{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tinta-lembut);font-size:12.5px;margin-right:auto}.percakapan__kepala{padding:16px 24px 12px;background:var(--putih);border-bottom:1px solid var(--garis)}.percakapan__kepala h1{font-size:18px;font-weight:800;letter-spacing:-.01em;line-height:1.3}.percakapan__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.soal{margin:12px 24px 0;padding:10px 12px;border-radius:var(--r-m);border:1px solid #bfeee0;background:var(--mint-kabut)}.soal__baris{display:flex;align-items:center;gap:8px;color:#0d6b54;font-size:13px}.soal__chip{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.soal__kode{margin-top:8px;padding:10px 12px;border-radius:var(--r-s);overflow:auto;max-height:220px;font-family:var(--mono);font-size:12.5px;line-height:1.55;white-space:pre-wrap;color:#f5ecff;background:#22083a}.soal__kode--galat{color:#ffd9db;background:#3a0d18}.soal__kode--kunci{color:#c6ffe9;background:#062a22}.pesan-daftar{flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:16px 24px;min-height:0}.pesan{max-width:760px;padding:12px 14px;border-radius:var(--r-m);border:1px solid var(--garis);background:var(--putih)}.pesan header{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13px}.pesan header time{margin-left:auto;color:var(--tinta-samar);font-size:11.5px}.pesan p{white-space:pre-wrap;overflow-wrap:anywhere}.pesan--agen{align-self:flex-end;border-color:var(--ungu-kabut-2);background:#f8f2fd}.pesan--catatan{align-self:flex-end;border:1px dashed #f0c27a;background:var(--kuning-kabut)}.pesan__tanda{font-size:11.5px;font-weight:600;color:var(--kuning)}.pesan--bot .avatar{color:var(--putih);background:var(--grad)}.jejak{display:flex;justify-content:center;align-items:baseline;gap:8px;color:var(--tinta-samar);font-size:12px;text-align:center}.jejak details{max-width:640px;text-align:left}.jejak summary{cursor:pointer}.jejak pre{margin-top:6px;padding:10px;border-radius:var(--r-s);white-space:pre-wrap;font-family:inherit;background:var(--putih);border:1px solid var(--garis)}.hadir{display:flex;align-items:center;gap:8px;padding:6px 24px;color:var(--ungu);font-size:12.5px;font-weight:600}.hadir__titik{width:8px;height:8px;border-radius:50%;background:var(--ungu);animation:denyut 1.2s ease-in-out infinite}.komposer{margin:0 24px 16px;border-radius:var(--r-m);border:1px solid var(--garis);background:var(--putih);box-shadow:var(--sh-1)}.komposer:focus-within{border-color:var(--ungu-muda)}.komposer--catatan{background:#fffaf0;border-color:#f3d39b}.komposer__tab{display:flex;gap:4px;padding:6px 8px 0}.komposer__tab button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:var(--r-s) var(--r-s) 0 0;font-size:13px;font-weight:600;color:var(--tinta-samar)}.komposer__tab button.is-aktif{color:var(--ungu);box-shadow:inset 0 -2px 0 var(--ungu)}.komposer--catatan .komposer__tab button.is-aktif{color:var(--kuning);box-shadow:inset 0 -2px 0 var(--kuning)}.komposer textarea{display:block;width:100%;min-height:92px;padding:10px 14px;border:0;outline:none;resize:vertical;background:transparent}.komposer__bawah{display:flex;align-items:center;gap:10px;padding:8px 10px;border-top:1px solid var(--garis)}.komposer__petunjuk{margin-left:auto;color:var(--tinta-samar);font-size:11.5px}.panel{padding:14px 16px;border-bottom:1px solid var(--garis)}.panel h2{margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-samar)}.sifat{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:8px}.sifat>span:first-child{color:var(--tinta-lembut);font-size:12.5px}.sifat .pilih{width:100%;height:32px;font-size:13px}.sifat--label,.sifat--tahan{align-items:start}.label-daftar{display:flex;flex-wrap:wrap;gap:4px}.label-masuk{width:90px;height:22px;padding:0 6px;border:1px dashed var(--garis);border-radius:6px;font-size:12px;background:var(--putih)}.label-masuk:focus{outline:none;border-color:var(--ungu-muda)}.tahan{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px}.tahan input{width:100%}.sla-kotak{display:grid;gap:6px;margin-top:6px;padding:10px;border-radius:var(--r-s);background:var(--kabut)}.sla-kotak div{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--tinta-lembut)}.pelanggan{display:flex;align-items:center;gap:10px}.pelanggan span:last-child{display:flex;flex-direction:column;min-width:0}.pelanggan small{overflow:hidden;text-overflow:ellipsis;color:var(--tinta-samar);font-size:12px}.pelanggan__chip{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.angka-kecil{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.angka-kecil div{padding:8px 10px;border-radius:var(--r-s);background:var(--kabut)}.angka-kecil dt{color:var(--tinta-samar);font-size:11.5px}.angka-kecil dd{font-size:16px;font-weight:800}.halaman{flex:1;overflow:auto;padding:20px 24px 40px}.halaman__kepala{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px}.halaman__kepala h1{font-size:22px;font-weight:800;letter-spacing:-.02em}.saring{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.saring input{width:260px}.tab{display:flex;gap:4px;padding:4px;border-radius:var(--r-m);background:var(--putih);border:1px solid var(--garis)}.tab a{padding:6px 12px;border-radius:var(--r-s);font-weight:600;color:var(--tinta-lembut)}.tab a.is-aktif{color:var(--putih);background:var(--ungu)}.kartu{max-width:860px;padding:16px;border-radius:var(--r-l);border:1px solid var(--garis);background:var(--putih);box-shadow:var(--sh-1)}.tabel-bungkus{overflow:auto;border-radius:var(--r-l);border:1px solid var(--garis);background:var(--putih)}.tabel{width:100%;border-collapse:collapse;font-size:13px}.tabel th{padding:10px 12px;text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tinta-samar);border-bottom:1px solid var(--garis);white-space:nowrap}.tabel td{padding:10px 12px;border-bottom:1px solid var(--garis);vertical-align:middle}.tabel tbody tr{cursor:pointer}.tabel tbody tr:hover{background:var(--kabut)}.tabel td small{display:flex;align-items:center;gap:4px;color:var(--tinta-samar);font-family:var(--mono);font-size:11.5px}.tabel__subjek{display:block;font-weight:600}.tabel--padat td,.tabel--padat th{padding:8px 10px}.tabel--padat tbody tr{cursor:default}.subjudul{margin:18px 0 10px;font-size:14px;font-weight:700}.baris-daftar{list-style:none;margin-bottom:12px}.baris-daftar li{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--garis)}.baris-daftar li.is-redup{opacity:.55}.baris-daftar__utama{display:flex;flex-direction:column;flex:1;min-width:0}.baris-daftar__utama small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tinta-samar);font-size:12px}.baris-daftar__isi{flex:1}.isian-sebaris{flex:1;height:32px;padding:0 8px;border:1px solid transparent;border-radius:var(--r-s);font-weight:600;background:transparent}.isian-sebaris:hover:not(:disabled),.isian-sebaris:focus{outline:none;border-color:var(--garis);background:var(--putih)}.titik-online{display:inline-block;width:7px;height:7px;margin-left:4px;border-radius:50%;background:var(--mint);vertical-align:middle}.tambah-baris{display:flex;gap:8px}.tambah-baris .pilih:first-child{flex:1}.formulir{display:grid;gap:12px;margin-top:12px;padding:14px;border-radius:var(--r-m);background:var(--kabut)}.formulir__kaki,.jendela__kaki{display:flex;justify-content:flex-end;align-items:center;gap:8px}.formulir__kaki{margin-top:6px}.isian{display:grid;gap:4px;border:0}.isian>span{color:var(--tinta-lembut);font-size:12.5px;font-weight:600}.isian--centang{display:flex;align-items:center;gap:8px;padding-top:20px}.isian--centang input{accent-color:var(--ungu)}.centang-daftar{display:flex;flex-wrap:wrap;gap:6px}.kisi-2,.kisi-3{display:grid;gap:12px}.kisi-2{grid-template-columns:1fr 1fr}.kisi-2--sempit{max-width:320px;margin-top:12px}.kisi-3{grid-template-columns:repeat(3,1fr)}.lapis{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#1b0b2e59}.jendela{display:grid;gap:12px;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:20px;border-radius:var(--r-l);background:var(--putih);box-shadow:var(--sh-2)}.jendela__kepala{display:flex;justify-content:space-between;align-items:center}.jendela__kepala h2{font-size:18px;font-weight:800}.segera{display:grid;place-content:center;justify-items:center;gap:8px;flex:1;color:var(--tinta-samar)}.segera h2{color:var(--tinta);font-size:20px}@media(max-width:1280px){.kotak{grid-template-columns:300px minmax(0,1fr) 270px}}.percakapan__detail,.kotak__lacikepala{display:none}@media(max-width:1080px){.kotak{grid-template-columns:290px minmax(0,1fr)}.kotak__konteks{position:fixed;top:0;right:0;bottom:0;z-index:40;width:min(340px,92vw);padding-top:0;overflow-y:auto;background:var(--putih);box-shadow:var(--sh-2);visibility:hidden;transform:translate(105%);transition:transform .2s ease,visibility .2s}.kotak__konteks.is-buka{visibility:visible;transform:none}.percakapan__detail{display:inline-flex;margin-left:auto}.kotak__lacikepala{position:sticky;top:0;z-index:1;display:flex;justify-content:flex-end;padding:8px;background:var(--putih)}}@media(max-width:760px){.desk{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.sisi{flex-direction:row;align-items:center;gap:8px;padding:8px 12px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--garis)}.sisi__merek span,.sisi__butir span,.sisi__segera,.sisi__nama{display:none}.sisi__menu{flex-direction:row}.sisi__saya{margin:0 0 0 auto;padding:0;border:0}.atas{padding:0 12px}.atas .tombol--utama{padding:0 10px}.kotak{grid-template-columns:1fr}.kotak__daftar{max-height:40vh;border-right:0;border-bottom:1px solid var(--garis)}.percakapan__kepala,.pesan-daftar{padding-left:16px;padding-right:16px}.soal,.komposer{margin-left:16px;margin-right:16px}.kisi-2,.kisi-3{grid-template-columns:1fr}.halaman{padding:16px}.lonceng__panel{position:fixed;top:112px;left:12px;right:12px;width:auto}}.angka-kisi{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:20px}.angka-kartu{padding:14px 16px;border:1px solid var(--garis);border-radius:14px;background:var(--putih)}.angka-kartu strong{display:block;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--ungu-tua);line-height:1.2}.angka-kartu span{display:block;margin-top:2px;font-size:.78rem;color:var(--tinta-samar)}.angka-kartu.is-tegang strong,td.is-tegang{color:var(--merah)}.angka-kartu.is-tegang{border-color:var(--merah);background:var(--merah-kabut)}.grafik{margin:0 0 22px;padding:14px 16px 10px;border:1px solid var(--garis);border-radius:14px;background:var(--putih)}.grafik__kepala{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:.8rem;color:var(--tinta-lembut)}.grafik__puncak{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:var(--tinta-samar)}.grafik__svg{display:block;width:100%;height:160px}.grafik__batang{fill:var(--ungu-muda)}.grafik__galat{fill:var(--merah)}.grafik__tolak{fill:#cfc4dc}.grafik__legenda{display:inline-flex;align-items:center;gap:6px;margin-left:auto;margin-right:14px;font-size:.72rem;color:var(--tinta-samar)}.grafik__titik{display:inline-block;width:8px;height:8px;border-radius:2px}.grafik__titik--galat{background:var(--merah)}.grafik__titik--tolak{margin-left:6px;background:#cfc4dc}.trafik-catatan{margin:-10px 0 18px}.trafik-jalur{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;word-break:break-all}@media(max-width:640px){.grafik__legenda{display:none}}.grafik__sumbu{display:flex;justify-content:space-between;margin-top:6px;font-size:.72rem;color:var(--tinta-samar)}.pelanggan-baris{display:flex;align-items:center;gap:10px}.pelanggan-baris small{display:block;color:var(--tinta-samar);font-size:.76rem}.tahap{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.74rem;font-weight:700;background:var(--kabut);color:var(--tinta-lembut)}.tahap--terdaftar{background:var(--ungu-kabut);color:var(--ungu-tua)}.tahap--pelanggan{background:var(--ungu-tua);color:#fff}.jendela--lebar{width:min(680px,100%)}.angka-kecil--lebar{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.jejak-daftar{list-style:none;display:grid;gap:2px;max-height:320px;overflow-y:auto}.jejak-daftar li{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--garis);font-size:.85rem}.jejak-daftar li:last-child{border-bottom:none}.jejak__titik{width:7px;height:7px;border-radius:50%;background:var(--ungu-muda);flex:none}.jejak__titik--akademi{background:#22d3aa}.jejak__titik--desk{background:var(--ungu-tua)}.jejak__isi{flex:1;min-width:0}.jejak__isi em{display:block;font-style:normal;font-size:.78rem;color:var(--tinta-samar);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jejak__jumlah{font-size:.74rem;font-weight:700;color:var(--tinta-samar)}.jejak-daftar time{font-size:.74rem;color:var(--tinta-samar);flex:none}.laporan__kisi{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;align-items:start}.bilah-daftar{list-style:none;display:grid;gap:8px}.bilah-daftar li{display:grid;grid-template-columns:minmax(70px,1fr) 2fr auto;align-items:center;gap:10px;font-size:.84rem}.bilah__nama{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tinta-lembut)}.bilah__rel{height:8px;border-radius:999px;background:var(--kabut);overflow:hidden}.bilah__isi{display:block;height:100%;border-radius:999px;background:var(--ungu-muda)}.bilah__angka{font-weight:700;color:var(--tinta-lembut);font-variant-numeric:tabular-nums}@media(max-width:640px){.grafik__svg{height:120px}}.angka-kartu__catatan{display:block;margin-top:4px;font-size:12px;color:var(--tinta-samar)}.chip--hijau{background:var(--mint-kabut);color:#0b7a5e}.halaman>.subjudul{margin-top:20px}.saring__tanggal{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--tinta-lembut)}.baris-aksi{display:flex;align-items:center;gap:12px;margin-top:12px}.kartu .isian{margin-top:12px}.catatan-pel{margin-top:16px}.catatan-pel__jumlah{margin-left:6px;padding:0 7px;border-radius:999px;background:var(--ungu-kabut);color:var(--ungu);font-size:11px}.catatan-pel__daftar{list-style:none;display:grid;gap:8px;margin:8px 0}.catatan-pel__daftar li{padding:8px 10px;border-radius:var(--r-s);background:var(--kuning-kabut);border:1px solid #f3dfb8}.catatan-pel__daftar p{white-space:pre-wrap;overflow-wrap:anywhere}.catatan-pel__daftar small{display:flex;width:100%;gap:6px;align-items:center;margin-top:4px;color:var(--tinta-samar)}.catatan-pel__daftar .tautan{margin-left:auto;font-size:12px}.catatan-pel__form{display:grid;gap:6px}.catatan-pel__form textarea{width:100%;resize:vertical}.catatan-pel__form .tombol{justify-self:end}.audit__rincian{max-width:420px;overflow-wrap:anywhere;color:var(--tinta-lembut)}