/* «تصغير المكالمة لوجه أومنيس عائم + دائرة حسابك في المجلس» (public/voice-mini.js, public/voice.js, public/my-meetings.js).
   Layout only on top of the app's components (.gbtn, .btn, .st-row, .badge, .dmenu); every colour and size is a token. */
/* the account circle in the call header (where the timer was) */
.vr-me{padding:0;flex:none}
.vr-me .me{width:100%;height:100%;border-radius:var(--radius-pill);background:var(--avatar-bg);color:var(--on-avatar);display:grid;place-items:center;font-weight:var(--fw-bold);font-size:var(--fs-sm)}
.vr-me[aria-expanded=true] .me{box-shadow:var(--focus-ring)}
/* the timer now sits in the subtitle next to «مباشر» */
.vr-tt .vr-time{min-width:0;font-size:inherit;text-align:start;color:inherit}
.dmenu.vr-menu{min-width:220px}
/* mic notice after the background */
.vr-micx{display:flex;align-items:center;gap:var(--space-3);margin:0 var(--space-4) var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--warning-soft);color:var(--text);font-size:var(--fs-sm);line-height:1.4}
.vr-micx[hidden]{display:none}
.vr-micx span{flex:1;min-width:0}
/* minimized: the room stays mounted (session alive), only out of sight */
.vroom.vr-min{display:none}
/* the floating face: above every in-app screen (chat, settings, the room), under menus and sheets (z 60), which are modal */
.vr-mini{position:fixed;left:0;top:0;z-index:var(--vr-mini-z);width:var(--vr-mini);height:var(--vr-mini);padding:0;border:0;border-radius:var(--radius-pill);background:var(--elevated);color:var(--text);
  box-shadow:var(--shadow-fab),0 0 0 var(--vr-mini-ring) var(--brand);display:grid;place-items:center;transform:translate3d(var(--mx,12px),var(--my,160px),0);
  transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .3s;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:grab}
.vr-mini[hidden]{display:none}
.vr-mini.drag{transition:none;cursor:grabbing}
.vr-mini:focus-visible{outline:0;box-shadow:var(--shadow-fab),var(--focus-ring)}
.vr-mini-face{width:var(--vr-mini-face);height:var(--vr-mini-face);display:grid;place-items:center;margin-top:calc(-1 * var(--space-2));pointer-events:none}
.vr-mini-face>*,.vr-mini-face svg{width:100%;height:100%}
.vr-mini-t{position:absolute;bottom:var(--space-1);inset-inline:0;text-align:center;font-size:var(--fs-xxs);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;color:var(--text2);pointer-events:none;line-height:1}
.vr-mini-mark{position:absolute;top:calc(-1 * var(--space-1));inset-inline-end:calc(-1 * var(--space-1));width:var(--vr-mini-mark);height:var(--vr-mini-mark);border-radius:var(--radius-pill);display:grid;place-items:center;background:var(--danger);color:var(--on-brand);border:2px solid var(--chrome);pointer-events:none}
.vr-mini-mark[hidden]{display:none}
.vr-mini-mark svg{width:12px;height:12px}
.vr-mini.dead .vr-mini-mark{background:var(--warning)}
.vr-mini.dead .vr-mini-t{color:var(--danger)}
.vr-mini.speaking{animation:vrMiniPulse 1.1s ease-in-out infinite}
@keyframes vrMiniPulse{0%,100%{box-shadow:var(--shadow-fab),0 0 0 var(--vr-mini-ring) var(--brand)}50%{box-shadow:var(--shadow-fab),0 0 0 calc(var(--vr-mini-ring) * 3) color-mix(in srgb,var(--brand) 45%,transparent)}}
.vr-mini.in{animation:vrMiniIn .2s ease-out}
.vr-mini.in.speaking{animation:vrMiniPulse 1.1s ease-in-out infinite}
@keyframes vrMiniIn{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.vr-mini,.vr-mini.in,.vr-mini.speaking,.vr-mini.in.speaking{animation:none;transition:none}.vr-mini.speaking{box-shadow:var(--shadow-fab),0 0 0 calc(var(--vr-mini-ring) * 2) var(--brand)}}
/* «اجتماعاتي» sheet */
.mm-sheet .sh-t{padding:var(--space-4) var(--space-5) var(--space-1);font-weight:var(--fw-bold);font-size:var(--fs-lg);color:var(--text)}
.mm-sheet{max-height:min(80vh,640px);display:flex;flex-direction:column}
.mm-body{overflow:auto;padding:0 var(--space-4) var(--space-3);min-height:120px}
.mm-acts{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4)}
.mm-row{gap:var(--space-3)}
.mm-row .acc-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.mm-row .acc-tx b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mm-row .acc-tx small{font-size:var(--fs-xs);color:var(--text3)}
.mm-row.here .acc-tx b{color:var(--brand-ink)}
.mm-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-3);text-align:center}
.mm-load{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0}
.mm-sk{display:block;height:44px;border-radius:var(--radius-md);background:var(--hover);animation:mmSk 1.2s ease-in-out infinite}
@keyframes mmSk{0%,100%{opacity:.55}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.mm-sk{animation:none}}
/* desktop Chrome: the Document Picture-in-Picture window */
.vr-pipb{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--chrome);color:var(--text);font-family:inherit}
.vr-pip{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);width:100%;box-sizing:border-box;text-align:center}
.vr-pip-face{width:var(--vr-pip-face);height:var(--vr-pip-face);border-radius:var(--radius-pill);box-shadow:0 0 0 var(--vr-mini-ring) var(--brand);display:grid;place-items:center}
.vr-pip-face>*,.vr-pip-face svg{width:100%;height:100%}
.vr-pipb.speaking .vr-pip-face{box-shadow:0 0 0 calc(var(--vr-mini-ring) * 2.5) var(--brand)}
.vr-pip small{font-size:var(--fs-xs);color:var(--text3);font-variant-numeric:tabular-nums}