/* Approved compact voice recorder. Keep one row even at 320 CSS pixels. */
body.vobixConversation #voiceRecordingStatus {
  left:8px;right:8px;bottom:calc(100% + 6px);width:auto;max-width:none;
  min-height:68px;padding:10px;gap:6px;flex-wrap:nowrap;
  grid-template-columns:8px minmax(18px,1fr) auto 40px 40px 46px;align-items:center;
  background:#fff!important;color:#133c66!important;border:1px solid #d5eafa!important;
  border-radius:20px;box-shadow:0 5px 18px #173b5c14;white-space:nowrap;
  font:600 14px/1.2 system-ui,-apple-system,sans-serif;
}
body.vobixConversation #voiceRecordingStatus.open {display:grid;}
#voiceRecordingStatus .voiceRecordingDot {width:8px;height:8px;border-radius:50%;background:#4390f4;box-shadow:0 0 0 5px #f0f6ff;}
#voiceRecordingStatus #voiceRecordingTime {font:650 13px/1 system-ui;font-variant-numeric:tabular-nums;color:#173d63!important;}
#voiceRecordingStatus #voiceRecordingWave {width:100%;height:32px;min-width:0;display:block;}
body.vobixConversation #voiceRecordingStatus button {
  display:grid;place-items:center;flex:none;min-width:0;min-height:40px;height:40px;
  width:40px;margin:0;padding:9px;border:0;border-radius:50%;font-size:14px;
}
body.vobixConversation #voiceRecordingStatus #cancelVoiceButton {background:#f1f7ff!important;color:#317cdd!important;}
body.vobixConversation #voiceRecordingStatus #stopVoiceButton {
  width:46px;height:46px;padding:12px;background:#078df4!important;color:#fff!important;
  box-shadow:0 3px 10px #008aff24!important;
}
#voiceRecordingStatus svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
#voiceRecordingStatus button:focus-visible {outline:3px solid #0764b6;outline-offset:2px;}
body.vobixConversation .vobixComposer:has(#voiceRecordingStatus.open) #voiceButton {visibility:hidden;pointer-events:none;}
body.vobixConversation:is(.seniorHighContrast,.contrast) #voiceRecordingStatus {background:#101820!important;color:#fff!important;border-color:#fff!important;}
body.vobixConversation:is(.seniorHighContrast,.contrast) #voiceRecordingTime {color:#fff!important;}

body.vobixConversation #voiceRecordingStatus #voiceViewOnceButton {background:#f0f7fd!important;color:#607d95!important;}
#voiceViewOnceButton span {display:grid;place-items:center;width:22px;height:22px;border:1.8px dashed currentColor;border-radius:50%;font:700 13px/1 system-ui;}
body.vobixConversation #voiceRecordingStatus #voiceViewOnceButton[aria-pressed=true] {background:#078df4!important;color:#fff!important;}
#voiceViewOnceButton[aria-pressed=true] span {border-style:solid;}
/* Layered theme uses important declarations; keep recorder contrast in that layer. */
@layer vobixLight {
 body.vobixConversation:not(.seniorHighContrast):not(.contrast) #voiceRecordingStatus {background:#fff!important;color:#133c66!important;border-color:#d5eafa!important;}
 body.vobixConversation #voiceRecordingStatus #stopVoiceButton {background:#078df4!important;color:#fff!important;}
 body.vobixConversation #voiceRecordingStatus #cancelVoiceButton {background:#f1f7ff!important;color:#317cdd!important;}
 body.vobixConversation #voiceRecordingStatus #voiceViewOnceButton {background:#f0f7fd!important;color:#607d95!important;}
 body.vobixConversation #voiceRecordingStatus #voiceViewOnceButton[aria-pressed=true] {background:#078df4!important;color:#fff!important;}
}