/* Voice surfaces share one restrained visual language; all activity comes from measured input. */
.ob-voice-session{--voice-accent:var(--ow-violet,#6436d8);--voice-bg:var(--ow-soft,#f6f3fd);--voice-text:var(--ow-text,#171629);--voice-muted:var(--ow-muted,#646780);--voice-line:var(--ow-line,#e4e3eb);--voice-surface:var(--ow-surface,#fff);--voice-selected:var(--ow-selected,#eae3f8);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;padding:32px 20px;background:var(--voice-bg,#f6f3fd);color:var(--voice-text,#171629);text-align:center;font-family:var(--font-body,system-ui,sans-serif);}
.ob-voice-session[hidden],.ob-voice-session [hidden]{display:none;}
.ob-voice-session .ob-voice-eyebrow{margin:0;color:var(--voice-muted,#646780);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
.ob-voice-portrait{position:relative;width:88px;height:88px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--voice-selected,#eae3f8);color:var(--voice-accent,#6436d8);border:3px solid var(--voice-surface,#fff);box-shadow:0 3px 16px #32205212;font-size:28px;font-weight:650;}
.ob-voice-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.ob-voice-portrait [hidden]{display:none;}
.ob-voice-name{margin:0;max-width:100%;overflow-wrap:anywhere;font-size:clamp(20px,5vw,26px);line-height:1.2;font-weight:650;color:var(--voice-text,#171629);}
.ob-voice-connection{margin:0;min-height:20px;color:var(--voice-muted,#646780);font-size:13px;}
[data-voice-phase="recovering"] .ob-voice-connection,[data-voice-phase="retry"] .ob-voice-connection{color:#8b5711;}
.ob-voice-meter{display:flex;align-items:center;justify-content:center;gap:4px;height:26px;--voice-level:0;}
.ob-voice-meter i{display:block;width:4px;height:calc(4px + 22px * var(--voice-level));border-radius:4px;background:var(--voice-accent);transition:height .18s ease-out;}
.ob-voice-meter i:nth-child(2),.ob-voice-meter i:nth-child(4){height:calc(4px + 15px * var(--voice-level));}
.ob-voice-meter i:first-child,.ob-voice-meter i:last-child{height:calc(4px + 9px * var(--voice-level));}
.ob-voice-meter[data-measured="false"]{opacity:.45;}
.ob-voice-audio-caption{font-size:11px;color:var(--voice-muted,#646780);margin:0;}
.ob-voice-mic-status{min-height:18px;font-size:12px;font-weight:600;color:var(--voice-accent,#6436d8);margin:0;}
.ob-voice-time{font-size:30px;font-variant-numeric:tabular-nums;font-weight:550;letter-spacing:.02em;line-height:1.2;color:var(--voice-text,#171629);}
.ob-voice-cost{font-size:13px;color:var(--voice-muted,#646780);font-variant-numeric:tabular-nums;}
.ob-voice-actions{display:flex;justify-content:center;gap:12px;width:100%;margin-top:8px;}
.ob-voice-button{appearance:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;min-width:110px;padding:12px 18px;border:1px solid var(--voice-line,#e4e3eb);border-radius:14px;background:var(--voice-surface,#fff);color:var(--voice-text,#171629);font:600 14px var(--font-body,system-ui,sans-serif);cursor:pointer;}
.ob-voice-button svg{height:20px;width:20px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none;}
.ob-voice-button[aria-pressed="true"]{background:var(--voice-selected,#eae3f8);border-color:var(--voice-accent,#6436d8);}
.ob-voice-button[aria-pressed="false"] .ob-voice-mute-slash{display:none;}
.ob-voice-button.ob-voice-end{background:#b6324b;border-color:#b6324b;color:#fff;}
.ob-voice-button:disabled{opacity:.5;cursor:default;}
.ob-voice-button:focus-visible{outline:3px solid #9171cd;outline-offset:3px;}
#expert-rtc-area[data-media-mode="voice"] .ob-call-shell{padding:20px;background:var(--voice-bg,#f6f3fd);border-color:#e5dff0;}
#expert-rtc-area[data-media-mode="voice"] #rtc-status,#expert-rtc-area[data-media-mode="voice"] #expert-rtc-channel{display:none;}
#expert-rtc-voice-viz.ob-voice-session{padding:4px 12px 8px;}
#view-5 .ob-voice-session{min-height:420px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));}
#screen-A3[data-session-channel="voice"] [data-voice-secondary-end],#screen-A4[data-session-channel="voice"] [data-voice-secondary-end],#screen-A4.ob-session-voice-mode [data-voice-secondary-end],#db-panel-live-session[data-voice-focused="true"] [data-voice-secondary-end]{display:none;}
@media(max-width:480px){.ob-voice-session{padding:28px 16px;gap:10px;}.ob-voice-portrait{width:80px;height:80px;} .ob-voice-actions{gap:10px;}.ob-voice-button{min-width:0;flex:1;max-width:180px;padding:12px;}}
@media(prefers-reduced-motion:reduce){.ob-voice-meter i{transition:none;height:4px!important;}.ob-voice-meter{opacity:.65;}}

body.ob-ui-dark .ob-voice-session,body.ob-public-site-dark #view-5 .ob-voice-session{--voice-accent:var(--ow-violet,#b49aff);--voice-bg:var(--ow-soft,#2e283e);--voice-text:var(--ow-text,#f5f1fd);--voice-muted:var(--ow-muted,#bcb6cc);--voice-line:var(--ow-line,#3d384b);--voice-surface:var(--ow-surface,#24222e);--voice-selected:var(--ow-selected,#3d3058);}
body.ob-ui-dark [data-voice-phase="recovering"] .ob-voice-connection,body.ob-ui-dark [data-voice-phase="retry"] .ob-voice-connection,body.ob-public-site-dark [data-voice-phase="recovering"] .ob-voice-connection,body.ob-public-site-dark [data-voice-phase="retry"] .ob-voice-connection{color:#e8bd81;}
