/* Scoped chat widget styles for /contact/ (site chrome comes from site.v2.css) */
.contact-embed{
  --c-accent:#f2b84b;
  --c-ink:#f7f9fc;
  --c-muted:#9ba8bb;
  --c-panel:#0c1828;
  --c-line:rgba(255,255,255,.1);
  color:var(--c-ink);
  font-family:Arial,Helvetica,sans-serif;
}
.contact-embed .chat{
  height:min(640px,78dvh);
  min-height:480px;
  background:rgba(12,24,40,.92);
  border:1px solid var(--c-line);
  border-radius:24px;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto 1fr auto;
  box-shadow:0 30px 90px rgba(0,0,0,.38);
  color:var(--c-ink);
}
.contact-embed .chat header{
  display:flex;align-items:center;gap:13px;padding:18px 20px;
  border-bottom:1px solid var(--c-line);background:rgba(255,255,255,.018);
}
.contact-embed .avatar{
  width:42px;height:42px;border-radius:13px;background:var(--c-accent);color:#17202b;
  display:grid;place-items:center;font-weight:900;
}
.contact-embed .chat header div:nth-child(2){display:grid;gap:4px}
.contact-embed .chat header strong{font-size:15px;color:var(--c-ink)}
.contact-embed .chat header span{font-size:12px;color:var(--c-muted)}
.contact-embed .chat header i{
  display:inline-block;width:7px;height:7px;border-radius:50%;background:#4bd28f;margin-right:5px;
  box-shadow:0 0 0 4px rgba(75,210,143,.1);
}
.contact-embed .reset{margin-left:auto;border:0;background:transparent;color:#9eacbd;font-size:22px;cursor:pointer}
.contact-embed .messages{padding:24px;overflow:auto;scroll-behavior:smooth}
.contact-embed .day{text-align:center;color:#748397;font-size:11px;margin-bottom:20px}
.contact-embed .bubble{max-width:82%;margin:0 0 14px}
.contact-embed .bubble p{
  padding:13px 16px;margin:0;border-radius:7px 17px 17px 17px;background:#18283a;color:#e5eaf1;
  line-height:1.5;font-size:14px;white-space:pre-wrap;
}
.contact-embed .bubble time{display:block;font-size:10px;color:#728196;margin:6px 8px}
.contact-embed .bubble.user{margin-left:auto}
.contact-embed .bubble.user p{background:var(--c-accent);color:#17202b;border-radius:17px 7px 17px 17px}
.contact-embed .bubble.user time{text-align:right}
.contact-embed .bubble.pending{opacity:.65}
.contact-embed .chat form{border-top:1px solid var(--c-line);padding:14px 18px 16px}
.contact-embed .identity{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.contact-embed .identity label{font-size:10px;color:#9eacbd;text-transform:uppercase;letter-spacing:.08em}
.contact-embed .identity input{
  display:block;width:100%;margin-top:6px;background:#101f30;border:1px solid var(--c-line);
  border-radius:10px;padding:11px;color:#fff;outline:none;
}
.contact-embed .identity input:focus,
.contact-embed .composer:focus-within{border-color:var(--c-accent)}
.contact-embed .composer{
  display:flex;align-items:flex-end;gap:10px;background:#101f30;border:1px solid var(--c-line);
  border-radius:14px;padding:9px;
}
.contact-embed .composer textarea{
  flex:1;resize:none;max-height:120px;border:0;outline:0;background:transparent;color:#fff;
  padding:7px;font:inherit;line-height:1.45;
}
.contact-embed .composer button{
  border:0;border-radius:10px;background:var(--c-accent);color:#17202b;height:40px;padding:0 14px;
  font-weight:800;cursor:pointer;
}
.contact-embed .composer button b{display:none}
.contact-embed .composer button:active{transform:translateY(1px)}
.contact-embed .status{text-align:center;margin:9px 0 0;color:#77869a;font-size:10px}
.contact-embed .status.error{color:#ff8f8f}
.contact-embed .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:700px){
  .contact-embed .chat{height:min(70dvh,560px);min-height:420px;border-radius:16px}
  .contact-embed .identity{grid-template-columns:1fr}
  .contact-embed .composer button span{display:none}
  .contact-embed .composer button b{display:block;font-size:18px}
  .contact-embed .messages{padding:18px}
}
@media(prefers-reduced-motion:reduce){
  .contact-embed .messages{scroll-behavior:auto}
}