/* DIGIKOVA Tahap 9 — tambahan; tidak mengganti stylesheet website/dashboard lama. */
.dk9-widget{width:min(400px,calc(100vw - 20px));max-height:min(690px,calc(100dvh - 110px));overflow:hidden;z-index:1100}
.dk9-widget .chat-header{flex-shrink:0}.dk9-content{padding:16px;overflow:auto;max-height:calc(100dvh - 200px);background:#0a2033;color:#eafaff}
.dk9-hint{font-size:13px;color:#b4d3df;line-height:1.55;margin:0 0 12px}
.dk9-form,.dk9-reply{display:grid;gap:10px}.dk9-form label,.dk9-reply label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#d1ebf4}
.dk9-form input,.dk9-form textarea,.dk9-reply textarea{width:100%;background:#0c2b42;border:1px solid #2e596b;color:#fff;border-radius:10px;padding:10px 12px;font:inherit;resize:vertical}
.dk9-submit{border:0;border-radius:10px;padding:12px;background:linear-gradient(110deg,#0fdec3,#15bce7);color:#052c3a;font-weight:800;cursor:pointer}
.dk9-submit:disabled{opacity:.5}.dk9-form small{font-size:11px;line-height:1.5;color:#abc9d9}
.dk9-trap{position:absolute!important;left:-9999px;opacity:0;pointer-events:none}
.dk9-messages{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:280px;min-height:130px;padding:10px 3px;margin-bottom:12px}
.dk9-bubble{padding:10px 12px;border-radius:12px;max-width:93%;overflow-wrap:anywhere;font-size:13px;line-height:1.6;white-space:pre-wrap;background:#17405b}
.dk9-from-visitor{align-self:flex-end;background:#0c736f}.dk9-from-staff{align-self:flex-start}.dk9-bubble small{display:block;opacity:.78;font-size:10px;margin-top:4px}
.dk9-error{color:#ffcfdb;background:#4d1a38;padding:9px;border-radius:9px;font-size:12px}.dk9-wa{color:#25e4c2;text-decoration:underline;display:block;margin-top:12px}.dk9-wa[hidden],[hidden]{display:none!important}
.dk9-textbutton{border:none;background:none;color:#46e2d5;text-decoration:underline;padding:10px 0;cursor:pointer}
html[data-public-theme="light"] .dk9-content{background:#eef9fc;color:#163e50}
html[data-public-theme="light"] .dk9-form label,html[data-public-theme="light"] .dk9-reply label{color:#234a5b}
html[data-public-theme="light"] .dk9-hint,html[data-public-theme="light"] .dk9-form small{color:#54788d}
html[data-public-theme="light"] .dk9-form input,html[data-public-theme="light"] .dk9-form textarea,html[data-public-theme="light"] .dk9-reply textarea{background:#fff;color:#18374e;border-color:#bad7e5}
html[data-public-theme="light"] .dk9-bubble{background:#d9eaf1;color:#123b50}
html[data-public-theme="light"] .dk9-from-visitor{background:#c1f2e9;color:#084c4b}
.dk9-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}.dk9-inline-form{display:flex;flex-wrap:wrap;align-items:center;gap:15px}
.dk9-presence{margin-bottom:25px}.dk9-presence select{width:auto;min-width:200px}.dk9-presence .button{margin:0}
.dk9-thread{display:flex;flex-direction:column;gap:12px;min-height:240px;max-height:500px;overflow:auto;padding:12px 0;margin-bottom:22px}
.dk9-message{max-width:76%;padding:14px 17px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere;background:#173851;color:#f0faff}
.dk9-message.from-staff{align-self:flex-end;background:#086d69}.dk9-message.from-visitor{align-self:flex-start}
.dk9-message small{display:block;color:#b0d0dc;font-size:10px;margin-top:7px}.dk9-reply-form{display:grid;gap:12px;margin-bottom:14px}.dk9-reply-form .button{justify-self:start}
.dk9-settings .field{margin-top:24px}.dk9-settings .form-grid{margin-top:20px}.dk9-settings input[type=checkbox]{width:auto;accent-color:#13d9cb}
html[data-theme="light"] .dk9-message{background:#e4f1f7;color:#143a50}
html[data-theme="light"] .dk9-message.from-staff{background:#c0f3e6;color:#08504d}
html[data-theme="light"] .dk9-message small{color:#4a7081}
@media(max-width:650px){.dk9-grid{grid-template-columns:1fr}.dk9-message{max-width:94%}.dk9-widget{right:10px;bottom:83px}}