/* Adomoo AI live chat widget */
.adm-chat{--adm:#1f5eff;--adm-on:#fff;--adm-ink:#15181d;--adm-muted:#667085;--adm-line:#e6e8ec;--adm-soft:#f4f5f7;
  position:fixed;bottom:20px;z-index:2147483000;font:inherit;font-size:15px;line-height:1.45;color:var(--adm-ink);-webkit-font-smoothing:antialiased}
.adm-chat.adm-right{right:20px}.adm-chat.adm-left{left:20px}
.adm-chat *,.adm-chat *::before,.adm-chat *::after{box-sizing:border-box}
.adm-chat button{font:inherit;cursor:pointer}
.adm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* launcher */
.adm-launch{position:relative;display:grid;place-items:center;width:60px;height:60px;border:0;border-radius:20px;background:var(--adm);color:var(--adm-on);
  box-shadow:0 10px 28px -8px rgba(16,24,40,.45),0 2px 6px rgba(16,24,40,.12);transition:transform .18s ease,border-radius .18s ease}
.adm-launch:hover{transform:translateY(-2px)}
.adm-launch:focus-visible,.adm-chat button:focus-visible,.adm-chat textarea:focus-visible,.adm-peek:focus-visible{outline:3px solid var(--adm);outline-offset:3px}
.adm-launch svg{grid-area:1/1;transition:opacity .15s ease,transform .2s ease}
.adm-ico-close{opacity:0;transform:rotate(-90deg)}
.adm-open .adm-launch{border-radius:50%}
.adm-open .adm-ico-chat{opacity:0;transform:scale(.6)}
.adm-open .adm-ico-close{opacity:1;transform:none}
.adm-badge{position:absolute;top:-5px;right:-5px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#e5484d;color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;border:2px solid #fff}
.adm-left .adm-badge{right:auto;left:-5px}

/* preview bubble when a reply arrives while closed */
.adm-peek{position:absolute;bottom:74px;width:260px;padding:12px 14px;border-radius:14px;background:#fff;color:var(--adm-ink);
  box-shadow:0 12px 32px -10px rgba(16,24,40,.35);border:1px solid var(--adm-line);cursor:pointer;font-size:14px}
.adm-right .adm-peek{right:0}.adm-left .adm-peek{left:0}

/* panel */
.adm-panel{position:absolute;bottom:76px;width:380px;height:min(620px,calc(100vh - 110px));display:flex;flex-direction:column;background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:0 24px 60px -16px rgba(16,24,40,.4),0 0 0 1px rgba(16,24,40,.06);transform-origin:bottom right;animation:admIn .2s ease-out}
.adm-panel[hidden]{display:none}
.adm-right .adm-panel{right:0}.adm-left .adm-panel{left:0;transform-origin:bottom left}
@keyframes admIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}

.adm-head{display:flex;align-items:center;gap:12px;padding:16px 14px 16px 18px;background:var(--adm);color:var(--adm-on)}
.adm-avatar{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:17px;background:rgba(255,255,255,.2);color:inherit}
.adm-title{flex:1;min-width:0;display:flex;flex-direction:column}
.adm-title strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm-status{font-size:12.5px;opacity:.85;display:flex;align-items:center;gap:6px}
.adm-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.adm-close{border:0;background:transparent;color:inherit;width:36px;height:36px;border-radius:10px;display:grid;place-items:center}
.adm-close:hover{background:rgba(255,255,255,.16)}

.adm-log{flex:1;overflow-y:auto;padding:18px 14px 8px;display:flex;flex-direction:column;gap:8px;background:var(--adm-soft);overscroll-behavior:contain}
.adm-msg{max-width:84%;padding:10px 13px;border-radius:16px;word-wrap:break-word;overflow-wrap:anywhere}
.adm-msg a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.adm-ai,.adm-agent{align-self:flex-start;background:#fff;border:1px solid var(--adm-line);border-bottom-left-radius:5px}
.adm-agent{border-left:3px solid var(--adm)}
.adm-who{display:block;font-size:12px;font-weight:600;color:var(--adm-muted);margin-bottom:2px}
.adm-customer{align-self:flex-end;background:var(--adm);color:var(--adm-on);border-bottom-right-radius:5px}
.adm-system{align-self:center;max-width:92%;background:transparent;color:var(--adm-muted);font-size:13px;text-align:center;padding:4px 8px}

.adm-typing{display:flex;gap:4px;padding:14px 16px}
.adm-typing span{width:7px;height:7px;border-radius:50%;background:#98a2b3;animation:admDot 1.2s infinite ease-in-out}
.adm-typing span:nth-child(2){animation-delay:.15s}.adm-typing span:nth-child(3){animation-delay:.3s}
@keyframes admDot{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}

.adm-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px 4px;background:var(--adm-soft)}
.adm-chips[hidden]{display:none}
.adm-chip{border:1px solid var(--adm);background:#fff;color:var(--adm-ink);border-radius:999px;padding:6px 12px;font-size:13.5px}
.adm-chip:hover{background:var(--adm);color:var(--adm-on)}

.adm-form{display:flex;align-items:flex-end;gap:8px;padding:10px 10px 10px 14px;border-top:1px solid var(--adm-line);background:#fff}
.adm-form textarea{flex:1;resize:none;border:0;outline:0;font:inherit;font-size:15px;line-height:1.4;padding:9px 0;max-height:120px;background:transparent;color:inherit}
.adm-send{flex:none;width:40px;height:40px;border:0;border-radius:12px;background:var(--adm);color:var(--adm-on);display:grid;place-items:center}
.adm-foot{padding:0 14px 10px;font-size:11.5px;color:var(--adm-muted);text-align:center;background:#fff}

@media (max-width:480px){
  .adm-chat.adm-right{right:14px}.adm-chat.adm-left{left:14px}.adm-chat{bottom:14px}
  .adm-open .adm-launch{display:none}
  .adm-panel{position:fixed;inset:0;width:auto;height:100%;border-radius:0;bottom:0}
  .adm-form textarea{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.adm-panel,.adm-launch,.adm-launch svg,.adm-typing span{animation:none!important;transition:none!important}}
@media print{.adm-chat{display:none}}
