.armeda-chat{position:fixed;right:24px;bottom:102px;z-index:9998;font-family:inherit}.chat-toggle{border:0;border-radius:999px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;padding:14px 19px;box-shadow:0 16px 38px rgba(10,47,112,.28);font-weight:800;display:flex;align-items:center;gap:10px;cursor:pointer}.chat-toggle .dot{width:10px;height:10px;border-radius:50%;background:#94a3b8}.armeda-chat.is-online .chat-toggle .dot{background:#30d158;box-shadow:0 0 0 5px rgba(48,209,88,.18)}.chat-panel{position:absolute;right:0;bottom:64px;width:min(380px,calc(100vw - 28px));height:560px;max-height:calc(100vh - 140px);background:#fff;border:1px solid #dbe5f0;border-radius:22px;box-shadow:0 26px 70px rgba(15,35,70,.24);overflow:hidden}.chat-head{padding:18px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;display:flex;justify-content:space-between;align-items:center}.chat-head strong{display:block}.chat-head small{opacity:.85}.chat-head button{border:0;background:rgba(255,255,255,.15);color:#fff;width:34px;height:34px;border-radius:50%;font-size:20px;cursor:pointer}.chat-body{height:calc(100% - 70px);display:flex;flex-direction:column}.chat-intro{padding:20px;overflow:auto}.chat-intro h3{margin:0 0 8px}.chat-intro p{color:#64748b;margin:0 0 16px}.chat-intro label{display:block;font-size:.86rem;font-weight:700;margin:11px 0 5px}.chat-intro input,.chat-intro textarea,.chat-compose textarea{width:100%;border:1px solid #cfdbea;border-radius:12px;padding:11px 12px;font:inherit}.chat-intro textarea{min-height:90px;resize:vertical}.chat-primary{width:100%;border:0;border-radius:12px;background:var(--brand-accent);color:#fff;padding:12px;font-weight:800;margin-top:12px;cursor:pointer}.chat-error{color:#b42318;font-size:.86rem;min-height:20px}.chat-room-public{height:100%;display:flex;flex-direction:column}.chat-ticket{padding:8px 14px;background:#f4f7fb;color:#64748b;font-size:.78rem}.chat-messages{flex:1;overflow:auto;padding:14px;background:#f8fafc}.chat-bubble{max-width:84%;margin:8px 0;padding:10px 12px;border-radius:15px;background:#fff;border:1px solid #e2e8f0}.chat-bubble.visitor{margin-left:auto;background:#e8f2ff;border-color:#c9def9}.chat-bubble p{margin:0;white-space:pre-wrap}.chat-bubble small{display:block;margin-top:5px;color:#94a3b8;font-size:.7rem}.chat-tools{padding:8px 12px;border-top:1px solid #e2e8f0}.chat-tools button{border:0;background:#eef4fb;border-radius:10px;padding:8px 10px;cursor:pointer}.chat-compose{display:flex;gap:8px;padding:10px 12px 14px}.chat-compose textarea{min-height:46px;max-height:100px;resize:vertical}.chat-compose button{border:0;border-radius:12px;background:var(--brand-secondary);color:#fff;padding:0 16px;font-weight:800;cursor:pointer}@media(max-width:640px){.armeda-chat{right:14px;bottom:82px}.chat-toggle{padding:13px}.chat-toggle span.label{display:none}.chat-panel{position:fixed;inset:72px 10px 10px;width:auto;height:auto;max-height:none}.wa-float{z-index:9997}}

/* Konfirmasi otomatis ketika CS offline */
.chat-offline-prompt{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(8,25,51,.58);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.chat-offline-prompt[hidden]{display:none}
.chat-offline-card{width:100%;max-width:330px;background:#fff;border-radius:20px;padding:22px;text-align:center;box-shadow:0 24px 60px rgba(5,20,46,.28);animation:chatOfflineIn .22s ease-out}
.chat-offline-icon{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#fff5eb;font-size:26px}
.chat-offline-card h3{margin:0 0 8px;color:#13233d;font-size:1.2rem}
.chat-offline-card p{margin:0;color:#64748b;line-height:1.55;font-size:.92rem}
.chat-offline-actions{display:grid;gap:9px;margin-top:18px}
.chat-offline-wa,.chat-offline-actions button{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;padding:10px 14px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}
.chat-offline-wa{background:#25d366;color:#fff;box-shadow:0 10px 24px rgba(37,211,102,.24)}
.chat-offline-wa:hover{background:#1fbd5a;color:#fff}
.chat-offline-actions button{border:1px solid #d8e1ec;background:#fff;color:#34445d}
.chat-offline-actions button:hover{background:#f5f8fc}
.chat-offline-card small{display:block;margin-top:12px;color:#94a3b8;font-size:.74rem;line-height:1.4}
@keyframes chatOfflineIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:640px){.chat-offline-prompt{position:fixed;inset:72px 10px 10px;border-radius:22px}.chat-offline-card{max-width:360px}}
@media(prefers-reduced-motion:reduce){.chat-offline-card{animation:none}}


/* ARMEDA compact public chat v1.2.3 */
.armeda-chat{right:22px;bottom:22px}
.chat-toggle{padding:12px 17px;min-height:48px}
.chat-panel{bottom:58px;width:min(360px,calc(100vw - 24px));height:min(480px,calc(100vh - 105px));max-height:480px;border-radius:18px}
.chat-head{padding:13px 15px;min-height:58px}
.chat-head small{display:block;font-size:.72rem;margin-top:1px}
.chat-head button{width:30px;height:30px;font-size:18px}
.chat-body{height:calc(100% - 58px)}
.chat-intro{padding:14px 16px;overflow:auto}
.chat-intro h3{font-size:1.02rem;margin-bottom:4px}
.chat-intro p{font-size:.82rem;margin-bottom:9px}
.chat-intro form{display:grid;gap:5px}
.chat-intro label{font-size:.75rem;margin:3px 0 1px}
.chat-intro input,.chat-intro textarea,.chat-compose textarea{padding:9px 10px;border-radius:10px}
.chat-intro input{height:39px}
.chat-intro textarea{min-height:58px;max-height:72px;resize:none}
.chat-error{font-size:.76rem;min-height:0;margin:1px 0}
.chat-primary{padding:10px;margin-top:3px;min-height:40px}
.chat-ticket{padding:6px 12px}
.chat-messages{padding:10px}
.chat-bubble{margin:6px 0;padding:8px 10px}
.chat-tools{padding:6px 10px}
.chat-tools button{padding:7px 9px;font-size:.78rem}
.chat-compose{padding:7px 10px 10px;align-items:flex-end}
.chat-compose textarea{min-height:40px;max-height:72px;resize:none}
.chat-compose button{height:40px;padding:0 14px}
@media(max-width:640px){
  .armeda-chat{right:12px;bottom:12px}
  .chat-toggle{padding:12px 14px}
  .chat-panel{position:fixed;inset:auto 8px 8px 8px;width:auto;height:min(500px,calc(100dvh - 86px));max-height:calc(100dvh - 86px);border-radius:18px}
  .chat-offline-prompt{position:absolute;inset:0;border-radius:18px}
}

/* Percakapan selesai v1.2.7 */
.chat-ended{margin:10px 12px 12px;padding:15px;border:1px solid #cfe0f2;border-radius:15px;background:linear-gradient(145deg,#f7fbff,#fff);text-align:center;box-shadow:0 8px 24px rgba(15,49,91,.08)}
.chat-ended-icon{width:38px;height:38px;margin:0 auto 7px;border-radius:50%;display:grid;place-items:center;background:#e7f7ed;color:#168447;font-size:20px;font-weight:900}
.chat-ended strong{display:block;color:#163252;font-size:.96rem}
.chat-ended p{margin:5px 0 11px;color:#64748b;font-size:.79rem;line-height:1.45}
.chat-ended button{width:100%;min-height:40px;border:0;border-radius:11px;background:var(--brand-secondary);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.chat-ended button:hover{filter:brightness(.95)}

/* Riwayat chat pelanggan v1.2.8 */
.chat-history-actions{display:flex;justify-content:flex-end;margin:2px 0 4px}
.chat-history-actions button{border:1px solid #c9d8e8;background:#f5f9fd;color:#1d4f82;border-radius:9px;padding:7px 10px;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}
.chat-history-actions button:disabled{opacity:.6;cursor:wait}
.chat-history{display:grid;gap:7px;max-height:155px;overflow:auto;padding:2px 2px 5px;margin-bottom:3px}
.chat-history-title{font-size:.75rem;font-weight:900;color:#213b58;padding:2px 1px}
.chat-history-empty{margin:0;padding:9px;border:1px dashed #cbd9e8;border-radius:10px;background:#f8fbfe;color:#64748b;font-size:.75rem;text-align:center}
.chat-history-item{display:grid;grid-template-columns:1fr auto;gap:2px 8px;width:100%;text-align:left;border:1px solid #dce6f0;background:#fff;border-radius:11px;padding:8px 9px;cursor:pointer;font:inherit;box-shadow:0 3px 10px rgba(18,54,91,.04)}
.chat-history-item:hover{border-color:#90b6dc;background:#f9fcff}
.chat-history-item span:first-child{display:flex;flex-direction:column;min-width:0}
.chat-history-item strong{font-size:.72rem;color:#163b63;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-history-item small{font-size:.62rem;color:#94a3b8}
.chat-history-item p{grid-column:1/-1;margin:2px 0 0;color:#53657a;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-history-item em{grid-column:1/-1;color:#2c6da8;font-style:normal;font-size:.65rem;font-weight:700}
.chat-history-status{align-self:start;border-radius:999px;padding:3px 7px;background:#edf3f8;color:#52687e;font-size:.62rem;font-weight:900;white-space:nowrap}
.chat-history-item.status-active .chat-history-status{background:#e7f7ed;color:#187a45}
.chat-history-item.status-waiting .chat-history-status{background:#fff4dc;color:#966400}
.chat-history-item.status-new .chat-history-status{background:#e8f2ff;color:#235f9d}
.chat-history-item.status-closed .chat-history-status{background:#eef0f3;color:#687386}
@media(max-width:640px){.chat-history{max-height:135px}}


/* Riwayat hanya saat percakapan sedang dibuka v1.2.9 */
.chat-room-public{position:relative}
.chat-room-history{position:relative;padding:6px 10px;border-bottom:1px solid #e2e8f0;background:#fff;z-index:9}
.chat-room-history[hidden]{display:none}
.chat-room-history>button{width:100%;min-height:34px;border:1px solid #cbdbea;border-radius:10px;background:#f5f9fd;color:#1d4f82;padding:6px 9px;font:inherit;font-size:.74rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}
.chat-room-history>button:hover{background:#edf5fc;border-color:#99badb}
.chat-room-history>button:disabled{opacity:.6;cursor:wait}
.chat-room-history>button strong{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:var(--brand-secondary);color:#fff;font-size:.65rem}
.chat-room-history .chat-history{position:absolute;top:calc(100% + 5px);left:10px;right:10px;display:grid;gap:7px;max-height:220px;overflow:auto;padding:10px;margin:0;background:#fff;border:1px solid #d9e4ef;border-radius:13px;box-shadow:0 18px 40px rgba(15,45,78,.2);z-index:20}
.chat-room-history .chat-history[hidden]{display:none}
.chat-room-history .chat-history-title{position:sticky;top:-10px;margin:-10px -10px 2px;padding:9px 10px;background:#f8fbfe;border-bottom:1px solid #e4edf5;z-index:1}
@media(max-width:640px){.chat-room-history .chat-history{max-height:200px}}

/* v1.3.0: riwayat hanya boleh tampil setelah ruang chat dibuka */
.chat-intro #chat-check-history,.chat-intro .chat-history-actions,.chat-intro #chat-history,.chat-intro .chat-room-history{display:none!important}
.chat-room-public[hidden] .chat-room-history{display:none!important}

/* v1.3.1 hard guard: form awal tidak pernah menampilkan kontrol riwayat */
#chat-intro #chat-check-history,#chat-intro #chat-history,#chat-intro .chat-history-actions,#chat-intro .chat-room-history{display:none!important}

/* Lampiran chat pelanggan v1.3.3 */
.chat-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.chat-file-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:#eef4fb;border-radius:10px;padding:7px 9px;font-size:.78rem;font-weight:700;cursor:pointer;color:#24486d}
.chat-file-button:hover{background:#e1edf8}
.chat-file-name{flex:1;min-width:0;color:#64748b;font-size:.69rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-attachment{display:flex;margin-top:8px;text-decoration:none;color:inherit;border-radius:11px;overflow:hidden}
.chat-attachment.image{display:block;background:#f1f5f9;border:1px solid #d9e3ed}
.chat-attachment.image img{display:block;width:100%;max-height:190px;object-fit:cover;background:#e8eef5}
.chat-attachment.image span{display:block;padding:7px 9px;color:#52657b;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-attachment.file{align-items:center;gap:9px;padding:9px;background:#f4f8fc;border:1px solid #d7e2ee}
.chat-attachment.file:hover{background:#edf5fc}
.chat-file-icon{font-size:1.25rem}
.chat-attachment.file>span:last-child{display:flex;flex-direction:column;min-width:0}
.chat-attachment.file strong{max-width:210px;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-attachment.file small{margin:1px 0 0!important;font-size:.65rem!important}