/* Recorder B: elapsed time remains inside the measured native header action. */
html[data-theme] #roomView .room-head[data-head-mode] .room-head-actions>#recordingBtn.is-active:not(.hidden){width:var(--recording-active-width,120px)!important;min-width:var(--recording-active-width,120px)!important;max-width:var(--recording-active-width,120px)!important;flex-basis:var(--recording-active-width,120px)!important;padding:0 10px!important;color:#ffb2ba!important;border-color:#a64b56!important;background:#391b28!important;opacity:1!important}
html[data-theme] #roomView .room-head[data-head-mode="labels"] .room-head-actions>#recordingBtn.is-active:not(.hidden){width:max(var(--head-label-width),var(--recording-active-width,120px))!important;min-width:max(var(--head-label-width),var(--recording-active-width,120px))!important;max-width:max(var(--head-label-width),var(--recording-active-width,120px))!important;flex-basis:max(var(--head-label-width),var(--recording-active-width,120px))!important}
html[data-theme] #roomView #recordingBtn.is-active .recording-button-time{display:block!important;font:600 13px Arial,sans-serif!important;font-variant-numeric:tabular-nums!important;white-space:nowrap}
html[data-theme] #roomView #recordingBtn svg{color:#f35b6b}
html[data-theme] #roomView .room-head:not([data-head-mode="labels"]) #recordingBtn.is-active .recording-action-label{display:none!important}
.recording-owned-camera{position:fixed;left:-10000px;top:0;width:2px;height:2px;pointer-events:none}
html[data-theme] .recording-setup-card{width:min(680px,calc(100vw - 28px))!important;max-height:calc(100dvh - 28px)!important;overflow:auto!important}
.recording-source-section{margin:16px 0}.recording-source-section h3{font-size:15px;margin:0 0 10px}.recording-source-section p{font-size:12px;color:var(--muted);line-height:1.5}
.recording-source-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
html[data-theme] .recording-source-card{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;padding:10px!important;border:1px solid var(--line-strong,rgb(var(--rooms-rgb-34465c,52,70,92)))!important;background:var(--room-control,rgb(var(--rooms-rgb-102137,16,33,55)))!important;color:var(--text,rgb(var(--rooms-rgb-edf4ff,237,244,255)))!important;border-radius:14px!important;text-align:left;box-shadow:none!important}
html[data-theme] .recording-source-card.selected{border-color:#48caa6!important;box-shadow:0 0 0 1px #48caa6!important}
.recording-source-card canvas{width:100%;height:90px;object-fit:contain;border-radius:8px;background:rgb(var(--rooms-rgb-102137,16,33,55))}.recording-source-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.recording-source-card small{font-size:11px;color:var(--muted)}
@media(max-width:480px){.recording-source-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}

.recording-audio-options{display:flex;flex-wrap:wrap;gap:8px 18px;border:0;padding:8px 0;margin:0;min-width:0}
.recording-audio-options legend{font-size:13px;font-weight:600;margin-bottom:6px}
.recording-audio-options label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text);cursor:pointer}
.recording-audio-options input{width:15px;height:15px;margin:0;accent-color:var(--accent);flex:none}
.recording-audio-options input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.recording-active-section{margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--room-inset)}
.recording-active-section h3{font-size:14px;margin:0 0 9px}
.recording-active-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0}
.recording-active-item+ .recording-active-item{border-top:1px solid var(--line)}
.recording-active-item>div{min-width:0;flex:1}
.recording-active-item strong,.recording-active-item small{display:block;overflow-wrap:anywhere}
.recording-active-item strong{font-size:13px;color:var(--text)}
.recording-active-item small,.recording-empty{font-size:12px;color:var(--muted);line-height:1.5;margin:3px 0 0}
.recording-moderator-stop{flex:none;font-size:12px!important;padding:7px 10px!important;min-height:34px}
@media(max-width:480px){.recording-active-item{align-items:flex-start;flex-wrap:wrap}.recording-moderator-stop{margin-left:auto}}
html[data-theme] .recording-setup-card>.confirm-actions{position:static;padding:12px 0 0;margin-top:16px;background:transparent;border-top:0}
.recording-audio-options input{padding:0!important;min-height:0!important}
/* Keep native checkbox semantics; paint the box and check in the room palette. */
html[data-theme] .recording-audio-options input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;display:grid;place-content:center;width:17px!important;height:17px!important;border:1px solid var(--line-strong)!important;border-radius:4px!important;background:var(--room-control)!important;box-shadow:none!important;cursor:pointer}
html[data-theme] .recording-audio-options input[type="checkbox"]:checked{border-color:var(--accent,#f5a04f)!important}
html[data-theme] .recording-audio-options input[type="checkbox"]::before{content:"";width:8px;height:4px;border:solid var(--accent,#f5a04f);border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg) scale(0)}
html[data-theme] .recording-audio-options input[type="checkbox"]:checked::before{transform:translateY(-1px) rotate(-45deg) scale(1)}
html[data-theme] .recording-audio-options input[type="checkbox"]:disabled{opacity:.45;cursor:not-allowed}
.recording-directory-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--room-control)}
.recording-directory-controls>div:first-child{min-width:0;flex:1}.recording-directory-controls b{display:block;font-size:12px;overflow-wrap:anywhere}.recording-directory-controls small{display:block;margin-top:4px;font-size:11px;color:var(--muted);line-height:1.5}.recording-directory-actions{display:flex;gap:7px;flex-wrap:wrap}.recording-directory-actions button{font-size:12px!important;padding:7px 10px!important;min-height:34px}
@media(max-width:480px){.recording-directory-controls{align-items:flex-start;flex-direction:column}.recording-directory-actions{width:100%}}
@media(forced-colors:active){html[data-theme] .recording-audio-options input[type="checkbox"]{border-color:ButtonText!important;background:Canvas!important}html[data-theme] .recording-audio-options input[type="checkbox"]::before{border-color:Highlight!important}}