/* «نادِ المشرف باسمه» (public/wake-word.js, Omxio msg dcbd4922 item 3): the mic indicator while it listens (on the device) and the
   enrolment dots. Layout only; colours/sizes are --wake-* tokens in theme-tokens.css. */
.wake-ind{position:fixed;max-width:calc(100vw - var(--space-6));white-space:nowrap;top:calc(var(--st,0px) + var(--space-2));left:50%;transform:translateX(-50%);z-index:var(--wake-z);display:inline-flex;align-items:center;gap:var(--space-2);
  padding:var(--space-1) var(--space-3);border:.5px solid var(--wake-border);border-radius:var(--radius-pill);background:var(--wake-bg);color:var(--wake-ink);box-shadow:var(--wake-shadow);
  font:inherit;font-size:var(--wake-fs);cursor:pointer;-webkit-tap-highlight-color:transparent}
.wake-dot{width:8px;height:8px;border-radius:50%;background:var(--wake-dot);animation:wakep 1.4s ease-in-out infinite}
.wake-tx{overflow:hidden;text-overflow:ellipsis}
.wake-x{color:var(--wake-ink2)}
@keyframes wakep{50%{opacity:.35}}
.wake-enroll{display:flex;flex-direction:column;gap:var(--space-3)}
.wake-takes{display:flex;justify-content:center;gap:var(--space-2)}
.wake-take{width:var(--wake-take);height:var(--wake-take);border-radius:50%;background:var(--wake-take-off);transition:background .2s}
.wake-take.on{background:var(--wake-take-on)}
.wake-st{text-align:center;color:var(--wake-ink2);font-size:var(--wake-fs);min-height:1.4em}
.wake-enroll.live .wake-st{color:var(--wake-take-on);animation:wakep 1.1s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.wake-dot,.wake-enroll.live .wake-st{animation:none}}