/* Radio stays with the workspace while its detailed controls live in the chat window. */
.radio-workspace-header{position:sticky;top:0;z-index:25;background:#fff}
.radio-workspace-header>.topbar{position:relative;top:auto}
.radio-bar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 30px;min-height:55px;border-bottom:1px solid #dfe5de;background:#fafcf8;color:#38503d;min-width:0}
.radio-bar-open{display:flex;align-items:center;gap:8px;min-width:0;min-height:34px;text-align:left;padding:3px 0;font-size:12px;line-height:1.5}
.radio-bar-open>svg{width:18px;height:18px;color:#5b725f}
.radio-bar-open strong{font-size:12px;font-weight:750;line-height:1.5}
.radio-bar-indicator{width:7px;height:7px;border-radius:50%;background:#a3ada2;flex:0 0 7px}
.radio-bar.connected .radio-bar-indicator{background:#397c49}
.radio-bar.talking .radio-bar-indicator{background:#be6d29}
.radio-bar.service-mode .radio-bar-indicator{background:#9b8359}
.radio-bar-channel{font-size:12px;color:#697a6b;white-space:nowrap;padding-left:8px;border-left:1px solid #d8e2d6}
.radio-bar-speaker{font-size:12px;color:#6a796a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.radio-bar-controls{display:flex;gap:12px;align-items:center;margin-left:auto;flex-shrink:0}
.radio-bar-wake{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;white-space:nowrap;color:#5d715f}
.radio-bar-wake input{width:16px;height:16px;min-height:16px;margin:0;accent-color:#315d3d}
.radio-bar-connect{min-height:34px;padding:6px 12px;border:1px solid #cbd9c8;border-radius:8px;background:#fff;font-size:12px;font-weight:700;white-space:nowrap;color:#345738}
.radio-bar-connect:hover{background:#edf3ea}
.radio-bar-connect:disabled{opacity:.6}
.radio-incoming{display:flex;align-items:center;gap:12px;flex:1 1 100%;min-width:0;border-top:1px solid #dce5d6;padding-top:10px}
.radio-incoming[hidden]{display:none!important}
.radio-incoming-open{display:grid;gap:4px;flex:1;min-width:0;min-height:44px;text-align:left;padding:0;color:#34583b}
.radio-incoming-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;line-height:1.6}
.radio-incoming-heading>span{font-size:12px;color:#6b7d63}
.radio-incoming-heading>strong{font-weight:750}
.radio-incoming-body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:13px;line-height:1.7;color:#3a5b3f}
.radio-incoming-dismiss{font-size:12px;min-height:40px;padding:7px 9px;color:#6a7d65;flex-shrink:0}
.radio-surface{min-height:0;overflow:auto;overscroll-behavior:contain;flex:1}
.radio-surface[hidden]{display:none!important}
#staff-chat #collab-chat-pane[hidden],#staff-chat #collab-radio-pane[hidden]{display:none!important}
#staff-chat #collab-chat-pane{display:flex;flex:1;min-height:0;flex-direction:column}
.collab-mode-tabs{padding:0 24px 13px;margin-top:3px;border-bottom:1px solid #e2e7dc;flex-shrink:0}
.collab-mode-tabs>.btn{flex:1;min-height:40px;font-size:13px}
.radio-panel{padding:18px 24px 24px;color:#283b2c;min-width:0}
.radio-panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.radio-panel-heading h3{display:flex;align-items:center;gap:8px;font-size:18px;line-height:1.5;font-weight:750;margin:0}
.radio-panel-heading h3 svg{width:21px;height:21px;color:#3e6648}
.radio-panel-heading p{font-size:12px;line-height:1.7;color:#627769;margin:5px 0 0}
.radio-panel-heading>.btn{min-height:40px;padding:8px 12px;font-size:12px;flex-shrink:0}
.radio-description{font-size:13px;line-height:1.8;color:#5d7162;margin:0 0 17px}
.radio-channel-group{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0 0 16px}
.radio-channel-group button{min-height:40px;padding:8px 4px;border:1px solid #dce5d8;border-radius:8px;background:#fff;font-size:12px;color:#647763;font-weight:600;line-height:1.4;white-space:nowrap}
.radio-channel-group button.active{background:#e6efe2;border-color:#bcd1b7;color:#305431;font-weight:750}
.radio-channel-group button:disabled{opacity:.55}
.radio-speaker{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f1f5ed;border:1px solid #e1e8db;border-radius:10px;padding:12px 15px;margin:0 0 13px;font-size:12px;line-height:1.7}
.radio-speaker>span{color:#6b7d66;flex-shrink:0}
.radio-speaker>strong{color:#34513b;font-size:13px;font-weight:700;overflow-wrap:anywhere;text-align:right}
.radio-ptt{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:126px;padding:22px 16px;border:1px solid #234e35;border-radius:15px;background:#285239;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;line-height:1.5}
.radio-ptt>svg{width:29px;height:29px}
.radio-ptt>strong{font-size:17px;font-weight:750;line-height:1.5;letter-spacing:-.3px}
.radio-ptt>span{font-size:12px;color:#d7e6d8;line-height:1.7;text-align:center}
.radio-ptt.holding{background:#744f24;border-color:#744f24}
.radio-ptt:disabled{background:#eef2e9;border-color:#dfe6d7;color:#798673}
.radio-ptt:disabled>span{color:#798673}
.radio-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:17px 0 16px}
.radio-options label{display:flex;align-items:flex-start;gap:9px;line-height:1.6;font-size:13px;min-width:0}
.radio-options input,.radio-transcription input{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:#315d3d}
.radio-options strong{display:block;font-size:13px;line-height:1.6;font-weight:750}
.radio-options small{display:block;font-size:12px;line-height:1.7;color:#6b7e68;margin-top:3px}
.radio-transcription{border:1px solid #e0e7db;border-radius:10px;padding:12px 14px;margin:0 0 19px;background:#fafcf8;font-size:12px;line-height:1.75}
.radio-transcription summary{font-size:12px;font-weight:700;cursor:pointer;color:#4b6952}
.radio-transcription label{display:flex;align-items:center;gap:8px;margin-top:14px;font-weight:700}
.radio-transcription>p{font-size:12px;line-height:1.8;color:#697b67;margin:9px 0}
.radio-transcript-copy{margin-top:10px;padding-top:11px;border-top:1px solid #dfe7d9}
.radio-transcript-copy[hidden]{display:none!important}
.radio-transcript-copy>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;margin:0 0 11px;color:#405d47}
.radio-transcript-copy .btn{font-size:12px;min-height:38px}
.radio-text-form{border-top:1px solid #e1e8dc;padding-top:18px;display:grid;gap:11px}
.radio-text-form>label{font-size:14px;font-weight:750;line-height:1.7}
.radio-quick-requests{display:flex;flex-wrap:wrap;gap:6px}
.radio-quick-requests button{font-size:12px;line-height:1.6;padding:6px 9px;border:1px solid #dce5d8;border-radius:7px;background:#f8fbf4;color:#5b745d;min-height:34px}
.radio-text-form textarea{width:100%;resize:vertical;min-height:85px;padding:11px 12px;border:1px solid #ccd9c6;border-radius:9px;font-size:16px;line-height:1.7;background:#fff;min-width:0}
.radio-text-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}
.radio-text-footer small{font-size:12px;line-height:1.7;color:#6a7d67}
.radio-text-footer .btn{min-height:40px;font-size:12px;padding:8px 13px;flex-shrink:0}
.radio-status-message{min-height:20px;font-size:12px;color:#9a573b;line-height:1.8;margin:12px 0 17px}
.radio-members{border:1px solid #dfe7d9;border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.7;margin:0 0 21px;background:#fafcf8}
.radio-members summary{font-weight:700;color:#48684d;cursor:pointer}
.radio-members summary span{padding-left:5px;font-variant-numeric:tabular-nums}
.radio-members [data-radio-members-list]{max-height:220px;overflow:auto}
.radio-member{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #e5ebdf;margin-top:9px}
.radio-member strong{font-size:12px;color:#3d5f44}
.radio-member span{font-size:12px;color:#6d7c67}
.radio-message-section h4{font-size:14px;font-weight:750;line-height:1.6;margin:0 0 12px}
.radio-messages{display:grid;gap:9px}
.radio-message{border:1px solid #dfe7d9;border-radius:10px;padding:13px 14px;background:#fcfdf9}
.radio-message header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:7px}
.radio-message header strong{font-size:12px;color:#3f6246}
.radio-message header small{font-size:11px;line-height:1.6;color:#7b8974}
.radio-message p{font-size:13px;line-height:1.8;color:#3e5843;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.radio-empty{font-size:12px;line-height:1.8;color:#7d8c76;margin:11px 0}
.radio-foreground-note{padding-top:17px;margin:19px 0 0;border-top:1px solid #e4ebde;font-size:12px;line-height:1.8;color:#71836a}
@media(max-width:900px){.radio-bar{padding:10px 20px;gap:10px}.radio-bar-speaker{display:none}}
@media(max-width:650px){.radio-bar{padding:9px 16px;gap:8px;flex-wrap:wrap}.radio-bar-open{flex:1}.radio-bar-controls{gap:9px}.radio-bar-channel{font-size:11px;padding-left:6px}.radio-bar-open strong{font-size:12px}.radio-bar-wake{font-size:11px}.radio-bar-connect{font-size:12px;padding:6px 9px}.radio-panel{padding:17px 18px 22px}.radio-panel-heading{gap:12px}.radio-panel-heading h3{font-size:17px}.radio-options{gap:12px}.radio-options strong{font-size:12px}.radio-options small{font-size:11px}.radio-channel-group{gap:5px}.radio-channel-group button{font-size:12px;padding:8px 3px}.radio-speaker{padding:11px 12px}.radio-ptt{min-height:119px;padding:19px 14px}.radio-ptt>strong{font-size:16px}.collab-mode-tabs{padding-left:18px;padding-right:18px}}
@media(max-width:360px){.radio-bar{padding-left:12px;padding-right:12px}.radio-bar-open{width:100%;flex:1 1 100%}.radio-bar-controls{width:100%;justify-content:space-between}.radio-panel{padding-left:14px;padding-right:14px}.radio-panel-heading h3{font-size:16px}.radio-panel-heading>.btn{font-size:12px;padding:8px 10px}.radio-channel-group button{font-size:11px}.radio-options{grid-template-columns:1fr;gap:13px}.radio-ptt>strong{font-size:15px}}
.narrow-preview .radio-bar{padding:9px 16px;gap:8px;flex-wrap:wrap}
.narrow-preview .radio-bar-open{flex:1}.narrow-preview .radio-bar-speaker{display:none}.narrow-preview .radio-bar-controls{gap:9px}.narrow-preview .radio-bar-open strong{font-size:12px}.narrow-preview .radio-bar-channel{font-size:11px;padding-left:6px}.narrow-preview .radio-bar-wake{font-size:11px}.narrow-preview .radio-bar-connect{font-size:12px;padding:6px 9px}
.narrow-preview .radio-panel{padding:17px 18px 22px}.narrow-preview .radio-channel-group{gap:5px}.narrow-preview .radio-channel-group button{font-size:12px;padding:8px 3px}
@media print{.radio-bar,.radio-panel{display:none!important}}