/* Audio rooms — quiet extension of the existing MNet Live section.
   Every element is absent until /v1/mnet/audio/status confirms enabled. */
.mn-audio{margin:18px 0 24px;padding:16px;border:1px solid var(--mn-rule,#ffffff28);border-radius:17px;background:var(--mn-raise,#151619);color:var(--mn-ink,#fff)}
.mn-audio header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.mn-audio header h2{font-size:clamp(18px,4vw,26px);line-height:1.16;margin:3px 0 8px}
.mn-audio header p{margin:0;max-width:50ch;font-size:13px;line-height:1.5;color:var(--mn-dim,#aaa)}
.mn-audio small,.mn-audio-dialog small{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--mn-dim,#aaa)}
.mn-audio button,.mn-audio-dialog button,.mn-audio summary{font:inherit;color:inherit;cursor:pointer}
.mn-audio button,.mn-audio-dialog button{border:1px solid var(--mn-rule,#ffffff33);background:transparent;border-radius:10px;padding:9px 12px;min-height:44px;text-align:left}
.mn-audio button:hover,.mn-audio button:focus-visible,.mn-audio-dialog button:hover,.mn-audio-dialog button:focus-visible{border-color:var(--mn-hot,#dc0f2d)}
.mn-audio button:focus-visible,.mn-audio-dialog button:focus-visible{outline:2px solid var(--mn-hot,#dc0f2d);outline-offset:3px}
#mnAudioRooms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:8px;margin:18px 0}
.mn-audio button.mn-audio-card{display:grid;gap:4px;min-height:70px;line-height:1.4;background:var(--mn-raise-2,#25282d);overflow-wrap:anywhere}
.mn-audio-card strong{font-size:16px;line-height:1.25}
.mn-audio-card__where{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mn-hot,#dc0f2d);font-weight:700}
.mn-audio-card__who{font-size:13px;color:var(--mn-dim,#aaa)}
.mn-audio-card__go{justify-self:start;margin-top:4px;padding:6px 12px;border-radius:999px;background:var(--mn-hot,#dc0f2d);color:#fff;font-size:13px;font-weight:700}
.mn-audio-place{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:14px 0 0}
.mn-audio-place p{flex:1 1 220px;min-width:0;margin:0;font-size:13px;line-height:1.5;color:var(--mn-dim,#aaa)}
.mn-audio label.mn-audio-check{display:flex;align-items:center;gap:10px}
.mn-audio label.mn-audio-check input{width:22px;min-height:22px;height:22px;flex:0 0 auto;accent-color:var(--mn-hot,#dc0f2d)}
.mn-audio-person .mn-audio-face,.mn-audio-face{position:relative;flex:0 0 40px;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#2b2f35;display:grid;place-items:center}
.mn-audio-face img{width:100%;height:100%;object-fit:cover;display:block}
.mn-audio-face[data-initials]::before{content:attr(data-initials);font-size:14px;font-weight:700;color:#fff}
.mn-audio-person__name small{display:block;color:#bdbdbd;font-size:12px}
.mn-audio-person .mn-audio-person__acts{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 100%;padding-left:48px}
.mn-audio-dialog .mn-audio-count{margin:12px 0 0;font-size:14px;color:#d2d2d2}
.mn-audio-dialog #mnAudioHand[aria-pressed="true"]{border-color:#f5c518;color:#f5c518}
.mn-audio details{border-top:1px solid var(--mn-rule,#ffffff33);padding-top:10px}
.mn-audio summary{padding:7px 0;font-weight:600}
.mn-audio form{display:grid;gap:10px;margin:12px 0}
.mn-audio label{display:grid;gap:6px;font-size:13px}
.mn-audio input,.mn-audio select{font:inherit;font-size:max(16px,1em);width:100%;min-height:44px;padding:8px 10px;background:var(--mn-raise-2,#25282d);color:var(--mn-ink,#fff);border:1px solid var(--mn-rule,#ffffff44);border-radius:9px}
.mn-audio form button{background:var(--mn-hot,#dc0f2d);color:#fff;text-align:center;font-weight:700}
.mn-audio-dialog{width:min(96vw,650px);max-height:min(92dvh,900px);overflow-y:auto;padding:18px;border:1px solid #ffffff40;border-radius:18px;background:#14171a;color:#fff;box-shadow:0 30px 90px #0009}
.mn-audio-dialog::backdrop{background:rgba(0,0,0,.83)}
.mn-audio-dialog header{display:flex;gap:15px;align-items:start;justify-content:space-between}
.mn-audio-dialog h2{font-size:24px;margin:5px 0}
.mn-audio-dialog h3{font-size:15px;border-top:1px solid #ffffff29;padding-top:12px}
.mn-audio-dialog .mn-audio-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.mn-audio-dialog .mn-audio-actions button{font-size:14px}
.mn-audio-dialog #mnAudioSpeak{background:#dc0f2d;color:#fff;border-color:#dc0f2d;font-weight:700}
.mn-audio-person{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 0;border-bottom:1px solid #ffffff1e;font-size:13px}
.mn-audio-person span{flex:1 1 120px;min-width:0;overflow-wrap:anywhere}
.mn-audio-dialog #mnAudioPlayers audio{display:block;width:100%;margin:8px 0}
.mn-audio-dialog #mnAudioRoomNote{font-size:13px;min-height:20px;color:#d2d2d2}
.mn-audio-dialog [hidden],.mn-audio [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.mn-audio *,.mn-audio-dialog *{animation:none!important;transition:none!important}}