/* Nuria voice room — two columns, top of dashboard. Stacks on mobile. */
.voice-room{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 20px;padding:16px;border:1px solid var(--border,#2a2a2a);border-radius:14px;background:var(--card-bg,rgba(255,255,255,.03))}
.voice-room h2{margin:0 0 10px;font-size:15px;letter-spacing:.04em}
.vr-col{min-width:0;display:flex;flex-direction:column;gap:10px}
.vr-input{width:100%;min-height:84px;resize:vertical;box-sizing:border-box;padding:12px;border-radius:10px;border:1px solid var(--border,#333);background:transparent;color:inherit;font:inherit;font-size:15px}
.vr-actions{display:flex;gap:8px;align-items:center}
.vr-actions button{border:0;border-radius:10px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer}
#vrSend{background:#4f7cff;color:#fff;flex:1}
#vrSend:disabled{opacity:.5;cursor:wait}
#vrMic{background:#222;color:#fff;width:52px;font-size:18px}
#vrMic.rec{background:#e5484d;animation:vrpulse 1s infinite}
@keyframes vrpulse{50%{opacity:.6}}
@media (prefers-reduced-motion:reduce){#vrMic.rec{animation:none}}
.vr-hint{font-size:12px;opacity:.6;min-height:1em}
.vr-state{padding:10px 12px;border-radius:10px;font-weight:600;font-size:14px;background:rgba(255,255,255,.05)}
.vr-state[data-tone=wait]{background:rgba(255,153,0,.15);color:#ffb347}
.vr-state[data-tone=ok]{background:rgba(48,164,108,.15);color:#4cc38a}
.vr-state[data-tone=bad]{background:rgba(229,72,77,.15);color:#ff6369}
.vr-state[data-tone=rec]{background:rgba(229,72,77,.2);color:#ff6369}
.vr-replies{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow:auto}
.vr-reply{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.04)}
.vr-reply p{margin:4px 0 6px;font-size:14px;line-height:1.45;white-space:pre-wrap}
.vr-reply-head{font-size:12px;opacity:.65}
.vr-play{border:0;background:transparent;color:#4f7cff;cursor:pointer;padding:0;font:inherit;font-size:13px}
.vr-empty{opacity:.6;font-size:13px;margin:0}
@media (max-width:900px){.voice-room{grid-template-columns:1fr}}
.vr-mode{display:flex;gap:14px;flex-wrap:wrap;font-size:13px}
.vr-mode label{display:flex;gap:6px;align-items:baseline;cursor:pointer}
.vr-mode small{opacity:.55;font-size:11px}