.voicebar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 6px}
.voicebar .btn{margin:0}
#mic.live{background:#f87171;border-color:#f87171;color:#05070f;animation:pulse 1.2s infinite}
#mic:disabled{opacity:.55;cursor:not-allowed}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(248,113,113,.6)}100%{box-shadow:0 0 0 12px rgba(248,113,113,0)}}
.voicebar label{display:flex;align-items:center;gap:6px;color:var(--muted)}
#voice-status{flex:1 1 220px}
.callrecs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.callrec{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:14px;min-width:0}
.callrec.cur{border-color:var(--teal)}
.crhead{margin-bottom:8px}
table.kv{width:100%;border-collapse:collapse}table.kv th{color:var(--muted);font-weight:600;text-align:left;padding:3px 8px 3px 0;vertical-align:top;white-space:nowrap;font-size:12px}table.kv td{padding:3px 0;overflow-wrap:anywhere}
.handoff{margin-top:10px;border-left:3px solid var(--amber);background:rgba(251,191,36,.07);padding:8px 10px;border-radius:6px}
.handoff pre{white-space:pre-wrap;margin:4px 0 0;font:inherit;font-size:13px;background:none;border:0;padding:0}
.bad{color:#f87171}.wrap-ok{white-space:normal}
@media (max-width:640px){.callrecs{grid-template-columns:minmax(0,1fr)}}