/* Live chat widget Siscom - Fase 1 (ADD IWAN 22/10/2026) */
.scchat-btn{position:fixed;right:var(--sc-r,22px);bottom:var(--sc-b,76px);z-index:9998;width:58px;height:58px;border:0;border-radius:50%;background:#2f6fed;color:#fff;cursor:pointer;box-shadow:0 8px 22px rgba(47,111,237,.38);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}
.scchat-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(47,111,237,.45)}
.scchat-btn svg{width:26px;height:26px}
.scchat-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#ef4444;color:#fff;font:600 11px/20px Arial,sans-serif;text-align:center;display:none}
.scchat-panel{position:fixed;right:var(--sc-r,22px);bottom:var(--sc-b,76px);z-index:9999;width:380px;max-width:calc(100vw - 24px);height:min(660px,calc(100vh - var(--sc-b,76px) - 20px));max-height:calc(100vh - var(--sc-b,76px) - 20px);background:#fff;border-radius:16px;box-shadow:0 18px 50px rgba(15,27,61,.28);display:none;flex-direction:column;overflow:hidden;font-family:inherit}
.scchat-panel.open{display:flex}
.scchat-head{flex:0 0 auto;background:linear-gradient(135deg,#0c3470,#2f6fed);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px}
.scchat-head .tt{flex:1;min-width:0}.scchat-head b{display:block;font-size:15px}
.scchat-head small{display:block;font-size:12px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scchat-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#9aa3b5;margin-right:5px}
.scchat-dot.on{background:#34d399}
.scchat-x{background:transparent;border:0;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:2px 6px}
.scchat-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px;background:#f6f8fc}
.scchat-note{background:#eaf1ff;color:#1f3a7a;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.5;margin-bottom:12px}
.scchat-note.off{background:#fff4d6;color:#7a5200}
.scchat-form label{display:block;font-size:12.5px;font-weight:600;color:#3d4a63;margin:10px 0 4px}
.scchat-form input[type=text],.scchat-form select,.scchat-form textarea{width:100%;box-sizing:border-box;border:1px solid #d5dbe8;border-radius:8px;padding:9px 10px;font-size:14px;font-family:inherit;background:#fff;color:#1b2540}
.scchat-form textarea{resize:vertical;min-height:70px}
.scchat-form .hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.scchat-form .ck{display:flex;gap:8px;align-items:flex-start;font-size:12px;font-weight:400;color:#5b6479;margin-top:12px;line-height:1.45}
.scchat-form .ck input{margin-top:2px}
.scchat-err{color:#d92d20;font-size:12px;margin-top:3px}
.scchat-go{width:100%;margin-top:14px;border:0;border-radius:10px;background:#2f6fed;color:#fff;font:600 14.5px inherit;font-family:inherit;padding:11px;cursor:pointer}
.scchat-go:disabled{opacity:.6;cursor:default}
.scchat-m{max-width:82%;margin:0 0 8px;padding:8px 12px;border-radius:14px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word;clear:both}
.scchat-m small{display:block;font-size:10.5px;opacity:.6;margin-top:2px}
.scchat-m.visitor{background:#2f6fed;color:#fff;float:right;border-bottom-right-radius:4px}
.scchat-m.admin{background:#fff;color:#1b2540;border:1px solid #e1e6f0;float:left;border-bottom-left-radius:4px}
.scchat-m.system{float:none;max-width:100%;text-align:center;background:transparent;color:#7a8499;font-size:12px}
.scchat-foot{flex:0 0 auto;border-top:1px solid #e8ecf4;background:#fff;padding:12px 18px 12px}
.scchat-foot .row{display:flex;gap:10px;align-items:flex-end;margin:0}
.scchat-foot textarea{flex:1;border:1px solid #d5dbe8;border-radius:10px;padding:8px 10px;font-size:14px;font-family:inherit;resize:none;height:42px;max-height:96px}
.scchat-send{border:0;border-radius:10px;background:#2f6fed;color:#fff;width:42px;height:42px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.scchat-send:disabled{opacity:.6}
.scchat-send svg{width:18px;height:18px}
.scchat-links{display:flex;justify-content:space-between;font-size:11.5px;margin-top:6px;color:#7a8499}
.scchat-links a,.scchat-links button{color:#2f6fed;background:none;border:0;padding:0;cursor:pointer;font:inherit;text-decoration:none}
.scchat-done{text-align:center;padding:10px 4px}
@media(max-width:480px){.scchat-panel{right:8px;left:8px;width:auto;max-width:none}}

/* Desktop: form & chat tidak terpotong dan tanpa scroll bila muat; rapatkan form - UPD IWAN 23/10/2026 */
@media(min-width:481px){
.scchat-body{padding:12px 14px}
.scchat-note{margin-bottom:8px;padding:8px 11px;font-size:12.5px}
.scchat-form label{margin:7px 0 3px;font-size:12px}
.scchat-form input[type=text],.scchat-form select,.scchat-form textarea{padding:7px 9px;font-size:13.5px}
.scchat-form textarea{min-height:56px;height:56px}
.scchat-form .ck{margin-top:8px;font-size:11.5px}
.scchat-go{margin-top:10px;padding:10px}
}

/* Bot saran jawaban (Fase 2) - ADD IWAN 23/10/2026 */
.scchat-bot label{display:block;font-size:12.5px;font-weight:600;color:#3d4a63;margin:4px 0}
.scchat-botrow{display:flex;gap:6px}
.scchat-botrow input{flex:1;min-width:0;box-sizing:border-box;border:1px solid #d5dbe8;border-radius:8px;padding:8px 10px;font-size:13.5px;font-family:inherit;background:#fff;color:#1b2540}
.scchat-botgo{border:0;border-radius:8px;background:#2f6fed;color:#fff;font:600 13px inherit;font-family:inherit;padding:0 14px;cursor:pointer}
.scchat-botgo:disabled{opacity:.6}
.scchat-res{margin-top:10px}
.scchat-sug{font-size:12px;color:#7a8499;margin:8px 0 4px}
.scchat-card{background:#fff;border:1px solid #e1e6f0;border-radius:10px;padding:9px 11px;margin-bottom:7px}
.scchat-card b{display:block;font-size:13px;line-height:1.4;color:#1b2540}
.scchat-card p{margin:4px 0 0;font-size:12.5px;line-height:1.5;color:#4a5570}
.scchat-card a{display:inline-block;margin-top:5px;font-size:12px;color:#2f6fed;text-decoration:none;font-weight:600}
.scchat-card.blog{border-left:3px solid #2f6fed}
.scchat-nores{font-size:13px;color:#5b6479;background:#fff4d6;border-radius:8px;padding:8px 10px}
.scchat-hub{background:#fff;color:#2f6fed;border:1.5px solid #2f6fed;margin-top:10px}
.scchat-hub.is-primary{background:#2f6fed;color:#fff}
.scchat-back{background:none;border:0;padding:0 0 6px;color:#2f6fed;font:600 12.5px inherit;font-family:inherit;cursor:pointer}

/* Panel terbuka: ikon chat disembunyikan (tutup lewat tombol x); batas bawah panel tepat di atas ikon panah atas - UPD IWAN 23/10/2026 */
.scchat-btn.hide{display:none}

/* Jarak footer lebih lega & placeholder tipis - UPD IWAN 23/10/2026 */
.scchat-panel input,.scchat-panel textarea,.scchat-panel select{font-weight:400}
.scchat-panel ::placeholder{font-weight:300;color:#a3abbd;opacity:1}
.scchat-panel ::-webkit-input-placeholder{font-weight:300;color:#a3abbd;opacity:1}
.scchat-panel ::-moz-placeholder{font-weight:300;color:#a3abbd;opacity:1}
.scchat-foot textarea{box-sizing:border-box;padding:10px 12px;line-height:20px}
.scchat-links{padding:0 2px}
@media(max-width:480px){.scchat-foot{padding:10px 14px}}

/* kartu WhatsApp (ADD IWAN 26/10/2026) */
.scchat-wa{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#f1fbf5,#e6f8ee);border:1px solid #cfeedd;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.scchat-wa:hover{border-color:#9fdcbc;box-shadow:0 4px 12px rgba(18,140,126,.15);transform:translateY(-1px);text-decoration:none}
.scchat-wa svg{flex:none;width:36px;height:36px;padding:8px;border-radius:10px;background:#25d366;fill:#fff}
.scchat-wa-t{flex:1;min-width:0}
.scchat-wa-t b{display:block;font-size:13px;line-height:1.25;color:#1b2540;font-weight:700}
.scchat-wa-t em{display:block;font-style:normal;font-size:11.5px;line-height:1.3;color:#5b6b66;font-weight:400}
.scchat-wa-ar{flex:none;font-size:22px;line-height:1;color:#128c7e}