.as-jendela,.as-luncur,.as-sebaris{--as-navy:#0a1628;--as-navy-2:#1b3260;--as-emas:#e8a838;--as-kartu:#fff;--as-latar:#f5f6f8;--as-garis:#e3e6eb;--as-tinta:#1b1f26;--as-tinta-2:#4a5262;--as-tinta-3:#7a8394;--as-tautan:#0f5fbf;--as-f:"Segoe UI","Plus Jakarta Sans",-apple-system,Roboto,Arial,sans-serif}.as-luncur{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:300;display:flex;align-items:center;gap:8px;height:52px;min-width:52px;padding:0 18px 0 14px;border:0;border-radius:26px;background:var(--as-navy);color:#fff;font:600 14px var(--as-f);box-shadow:0 6px 20px rgba(10,22,40,.28);cursor:pointer}.as-luncur:hover{background:var(--as-navy-2)}.as-luncur:focus-visible{outline:3px solid var(--as-emas);outline-offset:2px}.as-luncur.buka{padding:0;width:52px;justify-content:center;font-size:26px;line-height:1}.as-jendela{position:fixed;right:16px;bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:300;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100vh - 120px));border-radius:14px;box-shadow:0 18px 50px rgba(10,22,40,.3)}.as-jendela,.as-sebaris{overflow:hidden;background:var(--as-kartu)}.as-sebaris{border:1px solid var(--as-garis);border-radius:12px;height:520px;margin-bottom:16px}.as-panel{display:flex;flex-direction:column;height:100%;font-family:var(--as-f);color:var(--as-tinta)}.as-kepala{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:var(--as-navy);color:#fff}.as-kepala div{display:flex;flex-direction:column;gap:1px}.as-kepala b{font-size:14px}.as-kepala small{font-size:11.5px;color:#c9d3e6}.as-tutup{background:0;border:0;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:0 4px}.as-isi{flex:1;overflow-y:auto;padding:14px;gap:10px;background:var(--as-latar)}.as-isi,.as-pesan{display:flex;flex-direction:column}.as-pesan{max-width:92%;gap:8px}.as-pesan p{font-size:13.5px;line-height:1.55;padding:9px 12px;border-radius:12px;white-space:pre-line}.as-pesan.asisten{align-self:flex-start}.as-pesan.asisten p{background:var(--as-kartu);border:1px solid var(--as-garis);border-top-left-radius:4px}.as-pesan.saya{align-self:flex-end}.as-pesan.saya p{background:var(--as-navy);color:#fff;border-top-right-radius:4px}.as-pesan b{font-weight:650}.as-tautan{display:flex;flex-wrap:wrap;gap:8px}.as-tautan a{font-size:13px;font-weight:600;color:var(--as-tautan)}.as-pilihan{display:flex;flex-wrap:wrap;gap:6px}.as-pilihan button{font:500 12.5px var(--as-f);text-align:left;color:var(--as-tautan);background:var(--as-kartu);border:1px solid #c9d6ea;border-radius:16px;padding:6px 11px;cursor:pointer}.as-pilihan button:hover{background:#eef4fc}.as-eskalasi{display:flex;flex-wrap:wrap;gap:6px}.as-eskalasi button{font:600 12.5px var(--as-f);border-radius:8px;padding:7px 11px;cursor:pointer;border:1px solid var(--as-navy);background:var(--as-navy);color:#fff}.as-eskalasi button+button{background:var(--as-kartu);color:var(--as-navy)}.as-eskalasi button:disabled{opacity:.6;cursor:default}.as-kaki{display:flex;gap:8px;padding:10px;border-top:1px solid var(--as-garis);background:var(--as-kartu)}.as-kaki input{flex:1;min-width:0;font:14px var(--as-f);border:1px solid #d0d5dd;border-radius:8px;padding:9px 11px}.as-eskalasi button:focus-visible,.as-kaki input:focus-visible,.as-pilihan button:focus-visible,.as-tutup:focus-visible{outline:2px solid var(--as-emas);outline-offset:1px}.as-kaki button{font:600 13px var(--as-f);border:0;border-radius:8px;padding:0 14px;background:var(--as-navy);color:#fff;cursor:pointer}.as-kaki button:disabled{opacity:.5;cursor:default}.as-tersembunyi{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (max-width:768px){body:has(.ok-rail) .as-luncur{bottom:calc(72px + env(safe-area-inset-bottom,0px))}body:has(.ok-rail) .as-jendela{bottom:calc(132px + env(safe-area-inset-bottom,0px));height:min(520px,calc(100vh - 190px))}.as-luncur-teks{display:none}.as-luncur{padding:0;width:52px;justify-content:center}}.as-kepala .as-kepala-aksi{display:flex;flex-direction:row;align-items:center;gap:2px}.as-ikon{background:0;border:0;color:#fff;font-size:20px;line-height:1;cursor:pointer;padding:4px 6px;border-radius:6px}.as-ikon:hover{background:rgba(255,255,255,.12)}.as-ikon:focus-visible{outline:2px solid var(--as-emas);outline-offset:1px}.as-kartu{display:grid;gap:4px;background:var(--as-kartu);border:1px solid var(--as-garis);border-radius:10px;padding:8px 10px;margin:0}.as-kartu div{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;align-items:baseline}.as-kartu dt{color:var(--as-tinta-3);font-weight:600}.as-kartu dd{margin:0;text-align:right;color:var(--as-tinta)}.as-kartu dd a{margin-left:8px;color:var(--as-tautan);font-weight:600;white-space:nowrap}.as-menu button,.as-pemandu button{border-radius:10px}.as-menu button{background:#f2f5fb;border-color:#d6deeb;color:var(--as-navy);font-weight:600}.as-pilihan .as-lain{color:var(--as-tinta-3);border-style:dashed}.as-umpan{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--as-tinta-3)}.as-umpan button{font:600 12px var(--as-f);background:var(--as-kartu);border:1px solid #d0d5dd;border-radius:14px;padding:4px 10px;cursor:pointer;color:var(--as-tinta-2)}.as-umpan button:hover{border-color:var(--as-navy);color:var(--as-navy)}.as-mengetik{display:flex;gap:4px;align-items:center;min-height:20px}.as-mengetik i{width:6px;height:6px;border-radius:50%;background:var(--as-tinta-3);animation:as-titik 1s ease-in-out infinite}.as-mengetik i:nth-child(2){animation-delay:.15s}.as-mengetik i:nth-child(3){animation-delay:.3s}@keyframes as-titik{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.as-mengetik i{animation:none;opacity:.6}}.as-saran{list-style:none;margin:0;padding:6px 10px 0;display:flex;flex-direction:column;gap:4px;background:var(--as-kartu);border-top:1px solid var(--as-garis);max-height:120px;overflow-y:auto}.as-saran button{width:100%;text-align:left;font:500 12.5px var(--as-f);background:0;border:0;padding:5px 6px;border-radius:6px;cursor:pointer;color:var(--as-tautan)}.as-saran button:focus-visible,.as-saran button:hover{background:#eef4fc;outline:none}.as-menu button:focus-visible,.as-umpan button:focus-visible{outline:2px solid var(--as-emas);outline-offset:1px}