.ag-card { background: var(--surface, var(--surface)); border: 1px solid var(--line, var(--border)); border-radius: 16px; padding: 18px; display: grid; gap: 14px; margin-bottom: 18px; }
.ag-persona { border: 0; padding: 0; margin: 0; display: grid; gap: 8px; }
.ag-persona legend { font-weight: 600; margin-bottom: 6px; }
.ag-persona label { display: block; cursor: pointer; text-align: left; }
.ag-persona input[type=radio] { width: auto; height: auto; margin: 0 8px 0 0; display: inline-block; vertical-align: middle; accent-color: var(--sig, var(--accent)); }
.ag-controls { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
#ag-btn { min-width: 160px; font-size: 17px; }
#ag-btn.live { background: var(--bad, var(--bad)); border-color: var(--bad, var(--bad)); color: var(--btn-ink); }
.ag-status { font-size: 15px; margin: 0; }
.ag-log { min-height: 160px; max-height: 360px; overflow-y: auto; display: grid; gap: 8px; align-content: start; padding: 4px; }
.ag-msg { padding: 9px 13px; border-radius: 12px; max-width: 80%; line-height: 1.4; font-size: 15.5px; }
.ag-msg.you { justify-self: end; background: var(--raise, var(--surface-2)); color: var(--ink, var(--text)); }
.ag-msg.you.interim { opacity: .6; font-style: italic; }
.ag-msg.bot { justify-self: start; background: var(--accent-soft); border: 1px solid var(--accent-line); }
.ag-lat { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.ag-lat > div { background: var(--raise, var(--surface-2)); border-radius: 12px; padding: 10px 12px; display: grid; gap: 2px; }
.ag-k { font-size: 12.5px; color: var(--muted, var(--text-3)); }
.ag-v { font: 650 26px var(--display); letter-spacing: -0.02em; }
.ag-v.sig { color: var(--sig, var(--accent)); }
.ag-n { font-size: 12px; color: var(--muted, var(--text-3)); }
.muted { color: var(--muted, var(--text-3)); }
.small { font-size: 13.5px; }
.ag-foot { padding-block: 20px 40px; }
.ag-phone { font: 650 clamp(28px, 5vw, 44px) var(--display); letter-spacing: -0.02em; }
@media (max-width: 720px) { .ag-lat { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ag-msg { max-width: 92%; } }