/* R12: compact speech status beside the single existing Leo composer. */
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9[hidden],
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9 [hidden] { display:none!important; }
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9 {
  margin:10px 0 5px;padding:10px 12px;border:1px solid #d5e4eb;border-radius:14px;
  background:linear-gradient(125deg,#f1f8fa,#f6f7fd);color:#24415a;font:500 13px/1.45 system-ui,sans-serif;
}
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9-line {display:flex;align-items:center;gap:8px;min-width:0;}
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9-dot {width:7px;height:7px;min-width:7px;border-radius:50%;background:#2997a3;}
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9[data-state="listening"] .ux-voice-r9-dot {background:#c85f52;box-shadow:0 0 0 4px #c85f5219;}
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9-actions {display:flex;flex-wrap:wrap;gap:8px;margin-top:7px;}
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9-actions:has(button:not([hidden])) {min-height:44px;}
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9 button,
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9-help button {
  min-height:44px;min-width:44px;border-radius:11px;border:1px solid #ccdce8;background:#fff;color:#24405e;
  padding:8px 12px;font:600 12px/1.3 system-ui,sans-serif;box-shadow:none;
}
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9 button[data-voice-r9="stop"] {background:#2247bc;color:white;border-color:#2247bc;}
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9-help {margin:4px 2px 0;font:400 12px/1.5 system-ui,sans-serif;color:#62768b;}
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9-help summary {min-height:44px;display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:600;color:#416381;list-style:none;}
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9-help summary::before {content:'›';font-size:19px;transform:rotate(0deg);}
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9-help[open] summary::before {transform:rotate(90deg);}
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9-help p {margin:0 0 10px;font-size:12px;line-height:1.5;}
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9-help label {display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;color:#334e69;}
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9-help input[type="checkbox"] {width:20px;height:20px;accent-color:#2445c7;}
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9-punctuation {display:flex;gap:7px;margin:8px 0 12px;}
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9-punctuation button {font-size:21px;font-weight:700;}
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9 button:focus-visible,
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9-help summary:focus-visible,
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9-help button:focus-visible {outline:3px solid #29b9c3;outline-offset:3px;}
@media (prefers-contrast:more) {
  html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9,
  html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9-help {color:#16314d;}
}

html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9-actions button {flex:1 1 0;min-width:0;text-align:center}
html.leos-ux-preview #leosE83 #page-leo .ux-voice-r9-punctuation button {flex:1 1 0;min-width:44px;text-align:center}