body.beo-mic-open{overflow:hidden}
#noteMicBtn[hidden]{display:none!important}
#beoMicOverlay{display:none;position:fixed;inset:0;align-items:center;justify-content:center;padding:16px;z-index:7000;background:#0009;font-family:'Barlow Lokal',Arial,sans-serif}
#beoMicOverlay.open{display:flex}
.beo-mic-dialog{box-sizing:border-box;width:min(100%,490px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:22px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text);box-shadow:var(--shadow)}
.beo-mic-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px}
.beo-mic-dialog h2{font:700 22px/1.3 'Roboto Slab Lokal',Georgia,serif;margin:0}
.beo-mic-dialog p{font-size:15px;line-height:1.6;margin:16px 0}
.beo-mic-dialog button{box-sizing:border-box;font:inherit;min-height:44px;width:auto;margin:0;border:1px solid var(--line);border-radius:9px;padding:10px 13px;background:var(--button);color:var(--text);cursor:pointer}
.beo-mic-dialog button:disabled{opacity:.6;cursor:wait}
#beoMicClose{font-size:24px;line-height:1;padding:6px 13px;flex-shrink:0}
.beo-mic-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.beo-mic-actions button{flex:1 1 170px}
#beoMicAllow{background:var(--accent);color:var(--card)}
#beoMicStatus{font-size:14px;line-height:1.5;color:var(--muted)}
#beoMicSettings.beo-mic-enabled{background:var(--accent-soft);color:var(--accent)}
@media(max-width:600px){.topbar{flex-wrap:wrap}.topbar-actions{margin-left:auto}}