/* Kesh Business Hub — "Mia Han" chat widget */
.mia-root{
  --mia-accent:#E9A23B; --mia-accent2:#f4b959;
  --mia-bg:#17130f; --mia-bg2:#1e1912; --mia-line:rgba(255,255,255,.10);
  --mia-text:#ECE8E0; --mia-muted:#a49a8c;
  --mia-me:#E9A23B; --mia-me-text:#1a1206; --mia-them:#241d15;
  position:fixed; right:20px; bottom:20px; z-index:2147483000;
  font-family:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}
.mia-root *{box-sizing:border-box}

/* Launcher */
.mia-launch{
  display:flex; align-items:center; gap:10px; cursor:pointer; border:none;
  background:linear-gradient(135deg,var(--mia-accent),var(--mia-accent2));
  color:#1a1206; font-weight:600; font-size:15px; padding:11px 18px 11px 12px;
  border-radius:999px; box-shadow:0 10px 30px rgba(0,0,0,.45),0 2px 6px rgba(233,162,59,.35);
  transition:transform .15s ease, box-shadow .15s ease;
}
.mia-launch:hover{transform:translateY(-2px)}
.mia-launch .mia-ava{width:30px;height:30px;border-radius:50%;flex:0 0 auto}
.mia-launch .mia-dot{width:9px;height:9px;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 2px #1a1206;margin-left:-4px;align-self:flex-start}
.mia-hide{display:none !important}

/* Avatar — Mia's portrait */
.mia-ava{background:#241d15 url("mia.jpg") center/cover no-repeat;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16)}

/* Panel */
.mia-panel{
  position:absolute; right:0; bottom:0; width:380px; max-width:calc(100vw - 32px);
  height:600px; max-height:calc(100vh - 40px); display:none; flex-direction:column;
  background:var(--mia-bg); border:1px solid var(--mia-line); border-radius:18px; overflow:hidden;
  box-shadow:0 24px 70px rgba(0,0,0,.6); animation:mia-in .18s ease;
}
.mia-open .mia-panel{display:flex}
.mia-open .mia-launch{display:none}
@keyframes mia-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.mia-head{display:flex;align-items:center;gap:11px;padding:14px 14px;background:linear-gradient(135deg,#241d14,#1b1610);border-bottom:1px solid var(--mia-line)}
.mia-head .mia-ava{width:40px;height:40px;border-radius:50%;flex:0 0 auto}
.mia-hmeta{flex:1;min-width:0}
.mia-hname{color:var(--mia-text);font-weight:600;font-size:15px;display:flex;align-items:center;gap:7px}
.mia-hname .mia-status{width:8px;height:8px;border-radius:50%;background:#2ecc71}
.mia-hsub{color:var(--mia-muted);font-size:12px;margin-top:1px}
.mia-x{background:none;border:none;color:var(--mia-muted);font-size:24px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:8px}
.mia-x:hover{color:var(--mia-text);background:rgba(255,255,255,.06)}

.mia-body{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px;background:var(--mia-bg)}
.mia-body::-webkit-scrollbar{width:8px}.mia-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:8px}

/* Bubbles */
.mia-msg{max-width:82%;padding:10px 13px;border-radius:15px;font-size:14.5px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}
.mia-them-msg{align-self:flex-start;background:var(--mia-them);color:var(--mia-text);border-bottom-left-radius:5px}
.mia-me-msg{align-self:flex-end;background:var(--mia-me);color:var(--mia-me-text);border-bottom-right-radius:5px;font-weight:500}
.mia-typing{align-self:flex-start;background:var(--mia-them);padding:13px 15px;border-radius:15px;border-bottom-left-radius:5px;display:flex;gap:4px}
.mia-typing span{width:7px;height:7px;border-radius:50%;background:var(--mia-muted);animation:mia-bounce 1.2s infinite}
.mia-typing span:nth-child(2){animation-delay:.15s}.mia-typing span:nth-child(3){animation-delay:.3s}
@keyframes mia-bounce{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}

.mia-book{align-self:flex-start;margin-top:-2px}
.mia-book button{background:linear-gradient(135deg,var(--mia-accent),var(--mia-accent2));color:#1a1206;border:none;font-weight:600;font-size:14px;padding:10px 16px;border-radius:11px;cursor:pointer;box-shadow:0 6px 18px rgba(233,162,59,.3)}
.mia-book button:hover{filter:brightness(1.05)}

/* Lead form */
.mia-lead{padding:18px 16px;display:flex;flex-direction:column;gap:12px}
.mia-lead .mia-intro{color:var(--mia-text);font-size:14.5px;line-height:1.55}
.mia-lead .mia-intro b{color:var(--mia-accent2)}
.mia-f label{display:block;color:var(--mia-muted);font-size:12.5px;margin-bottom:5px}
.mia-f input{width:100%;background:var(--mia-bg2);border:1px solid var(--mia-line);border-radius:10px;color:var(--mia-text);font-size:15px;padding:11px 12px;font-family:inherit}
.mia-f input:focus{outline:none;border-color:var(--mia-accent)}
.mia-f.err input{border-color:#e5624d}
.mia-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mia-err{color:#e5895f;font-size:13px;min-height:0}
.mia-start{background:linear-gradient(135deg,var(--mia-accent),var(--mia-accent2));color:#1a1206;border:none;font-weight:700;font-size:15px;padding:12px;border-radius:11px;cursor:pointer;margin-top:2px}
.mia-start:disabled{opacity:.6;cursor:default}
.mia-consent{color:var(--mia-muted);font-size:11.5px;line-height:1.5;text-align:center}
.mia-consent a{color:var(--mia-muted);text-decoration:underline}

/* Footer input */
.mia-foot{border-top:1px solid var(--mia-line);padding:10px 10px;display:flex;gap:8px;align-items:flex-end;background:var(--mia-bg2)}
.mia-foot textarea{flex:1;resize:none;background:var(--mia-bg);border:1px solid var(--mia-line);border-radius:12px;color:var(--mia-text);font-size:14.5px;padding:10px 12px;font-family:inherit;max-height:110px;line-height:1.4}
.mia-foot textarea:focus{outline:none;border-color:var(--mia-accent)}
.mia-send{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--mia-accent),var(--mia-accent2));color:#1a1206;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.mia-send:disabled{opacity:.5;cursor:default}
.mia-endbar{text-align:center;padding:0 0 8px;background:var(--mia-bg2)}
.mia-endbar button{background:none;border:none;color:var(--mia-muted);font-size:12px;cursor:pointer;text-decoration:underline}
.mia-brand{text-align:center;font-size:10.5px;color:var(--mia-muted);padding:0 0 8px;background:var(--mia-bg2);letter-spacing:.02em}

@media (max-width:480px){
  .mia-root{right:12px;bottom:12px}
  .mia-panel{width:calc(100vw - 24px);height:calc(100vh - 24px);max-height:calc(100vh - 24px)}
  .mia-launch span.mia-txt{display:none}
  .mia-launch{padding:12px}
}