/* «كلّمني وأنا في مكاني» (public/sup-voice-inplace.js, Omxio msg 5e0e65fe item 1): the small in-place voice bar.
   Layout only: buttons are the standard .icon-btn, colours and sizes are --svi-* tokens in theme-tokens.css. */
.svi{position:fixed;top:calc(var(--st,0px) + var(--space-2));left:50%;transform:translateX(-50%);z-index:var(--svi-z);box-sizing:border-box;max-width:calc(100vw - var(--space-4));
  display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border:.5px solid var(--svi-border);border-radius:var(--radius-pill);
  background:var(--svi-bg);color:var(--svi-ink);box-shadow:var(--svi-shadow);-webkit-backdrop-filter:var(--svi-blur);backdrop-filter:var(--svi-blur);animation:sviin var(--svi-dur) ease}
.svi.below{top:calc(var(--st,0px) + var(--space-2) + var(--svi-below))}
.svi.ping{animation:sviping .5s ease}
.svi-dot{width:var(--svi-dot);height:var(--svi-dot);border-radius:50%;flex:none;background:var(--svi-dot-live);animation:svip 1.2s ease-in-out infinite}
.svi-dot.muted{background:var(--svi-dot-muted);animation:none}.svi-dot.connecting{background:var(--svi-dot-wait)}.svi-dot.off{background:var(--svi-dot-off);animation:none}
.svi-tx{all:unset;cursor:pointer;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--svi-fs);font-weight:var(--fw-bold);padding-inline:var(--space-1)}
.svi-time{color:var(--svi-ink2);font-weight:var(400)}
.svi-b svg{width:var(--svi-ic);height:var(--svi-ic)}
.svi-stop{color:var(--svi-stop)}
@keyframes sviin{from{transform:translate(-50%,-8px);opacity:0}}
@keyframes sviping{40%{transform:translateX(-50%) scale(1.06)}}
@keyframes svip{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.svi,.svi.ping{animation:none}.svi-dot{animation:none}}

/* t1439u trial: «فتح العين» — visible label beside icon */
.svi-eye{display:inline-flex;align-items:center;gap:4px;padding-inline:8px;border-radius:var(--radius-pill);flex:none}
.svi-eye.on{color:var(--svi-dot-live, #22c55e)}
.svi-eye-lbl{font-size:11px;font-weight:var(--fw-bold,700);white-space:nowrap}
@media (max-width:360px){.svi-eye-lbl{display:none}}

/* t575: belt — .svi above IAB sheet/scrim even if --svi-z lags */
html.iab-lock .svi{z-index:10050!important}