/* AGNT Mobile additions over the shared light/site/account styles. */
.phone-mock{max-width:340px;margin:0 auto;background:#fff;border:1px solid #dfe4ec;border-top:3px solid #19ef83;border-radius:22px;box-shadow:0 8px 32px #1018280f;overflow:hidden}
.phone-top{display:flex;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid #eef1f5}
.phone-top strong{display:block;font-size:14px}.phone-top small{color:#667085;font-size:11px}
.phone-avatar{width:34px;height:34px;border-radius:50%;background:#111827;color:#19ef83;display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.bubbles,.history{display:flex;flex-direction:column;gap:8px;padding:16px}
.bubble{max-width:82%;margin:0;padding:9px 13px;border-radius:18px;font-size:14px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
.bubble.me{align-self:flex-end;background:#0a84ff;color:#fff;border-bottom-right-radius:6px}
.bubble.annie{align-self:flex-start;background:#eef1f5;color:#111827;border-bottom-left-radius:6px}
.bubble.system{align-self:center;background:transparent;color:#667085;font-size:12px;text-align:center;max-width:92%}
.bubble.typing{align-self:flex-start;background:#eef1f5;display:inline-flex;gap:4px;padding:12px 14px}
.bubble.typing span{width:7px;height:7px;border-radius:50%;background:#98a2b3;animation:agnt-blink 1.2s infinite ease-in-out}
.bubble.typing span:nth-child(2){animation-delay:.2s}.bubble.typing span:nth-child(3){animation-delay:.4s}
@keyframes agnt-blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
@media (prefers-reduced-motion:reduce){.bubble.typing span{animation:none}}
.phone-row{gap:12px;flex-wrap:wrap}.route-select{min-width:220px;width:auto}
.add-phone{border-top:1px solid #eef1f5;margin-top:12px;padding-top:4px}
.link-panel{border-top:3px solid #19ef83!important}
.link-steps{padding-left:20px;margin:6px 0 18px}.link-steps li{margin:10px 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.link-code{font-size:26px;letter-spacing:.08em;font-weight:700;color:#111827;background:#f4f6f9;border:1px dashed #cbd2dc;border-radius:8px;padding:6px 14px;user-select:all}
.link-line{font-size:22px}
.history{max-height:480px;overflow:auto;background:#fafbfc;border:1px solid #eef1f5;border-radius:10px}