/* Release 374: radio bell panel (radio.html). Uses the radio page's dark theme variables. Compact by design: one heading line when collapsed,
   two columns of one-line rows when open on a wide screen. Touch screens keep 44px targets. */
.b374{margin:8px 0 0;padding:6px 10px;border-radius:16px;background:#ffffff08;border:1px solid var(--r-line,#ffffff22);color:var(--r-ink,#fff)}
.b374-h{margin:0;font-size:15px}
.b374-hd{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.b374-title{font-weight:800;white-space:nowrap}
.b374-count{flex:1 1 auto;min-width:0;font-size:12px;font-weight:600;color:var(--r-soft,#c9bfe6);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.b374-chev{flex:none;transition:transform .15s}.b374-open .b374-chev{transform:rotate(180deg)}
.b374-hd:focus-visible,.b374-tog:focus-within{outline:3px solid #ffe2a1;outline-offset:2px}
.b374-msg{margin:2px 0 4px;font-size:12px;color:#ffd475}.b374-msg:empty{display:none}
.b374-panel{padding:2px 0 6px}
.b374-body{display:block}

.b374-note{margin:4px 0 0;font-size:13px;color:var(--r-soft,#c9bfe6)}.b374-link{color:#ffe2a1;font-weight:800}
.b374-row{display:flex;align-items:center;gap:6px;padding:4px 0;border-top:1px solid #ffffff14;min-width:0}
.b374-who{flex:1 1 90px;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b374-tg{display:flex;gap:4px;flex:none}
.b374-tog{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0 8px;border-radius:999px;border:1px solid var(--r-line,#ffffff33);background:#ffffff12;font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap}
.b374-tog input{width:16px;height:16px;margin:0;accent-color:#ffd475}.b374-tog:has(input:disabled){opacity:.55;cursor:default}
.b374-rm,.b374-go{min-height:32px;padding:0 10px;border-radius:999px;border:1px solid var(--r-line,#ffffff33);background:#ffffff12;color:inherit;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.b374-go{background:var(--r-gold,#ffd45a);color:#1b0f2a;border:0}.b374-go:disabled{opacity:.55}
.b374-add{display:flex;gap:6px;margin-top:6px;padding-top:6px;border-top:1px solid #ffffff14}
.b374-add select{flex:1 1 auto;min-width:0;min-height:32px;border-radius:10px;border:1px solid var(--r-line,#ffffff33);background:#1a1430;color:inherit;padding:0 8px;font:inherit;font-size:13px}
.b374-unsub{margin:6px 0;padding:8px;border-radius:12px;background:#ffffff10}.b374-unsub p{margin:0 0 6px}
@media(max-width:519px){.b374-row{flex-wrap:wrap;row-gap:4px;padding:6px 0}.b374-who{order:1;flex:1 1 0;min-width:110px;white-space:normal;font-size:14px}.b374-rm{order:2}.b374-tg{order:3;flex:1 0 100%}.b374-tg .b374-tog{flex:1 1 0;justify-content:center}}
@media(pointer:coarse){.b374-hd,.b374-tog,.b374-rm,.b374-go,.b374-add select{min-height:44px}.b374-tog{padding:0 12px;font-size:13px}.b374-tog input{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.b374-chev{transition:none}}