/* =====================================================================
   Mawhiba Future — mic indicator restyle  (assets/indicators.css)
   Turns the old button-like "orb" into a flat STATUS PILL that reads as
   information, not a tap target — matching the existing stars/timer pills.
   States are driven by data-ind (set by assets/indicators.js):
     listen · getready · readyread  → amber (ears / get ready)
     speak · read                   → red   (mic live / recording)
     correct                        → green
   ===================================================================== */
.mic-orb{
  width:auto !important; height:auto !important; border-radius:99px !important;
  background:#fff !important; box-shadow:0 2px 8px rgba(0,0,0,.06) !important;
  transform:none !important; pointer-events:none;
  display:inline-flex; align-items:center; gap:10px; padding:9px 16px;
  border:1px solid rgba(0,0,0,.05); font-weight:800; font-size:16px;
  color:#b5790f; transition:color .25s;
}
.mic-orb svg{ width:20px !important; height:20px !important; flex:0 0 auto; }
.mic-orb::before, .mic-orb::after{ display:none !important; }   /* kill the old pulsing ring */

.mic-orb .ind-bars{ display:inline-flex; align-items:flex-end; gap:3px; height:16px; }
.mic-orb .ind-bars i{ width:3px; height:16px; background:currentColor; border-radius:2px;
  transform-origin:bottom; animation:indeq .9s ease-in-out infinite; }
.mic-orb .ind-bars i:nth-child(2){ animation-delay:.15s; }
.mic-orb .ind-bars i:nth-child(3){ animation-delay:.3s; }
.mic-orb .ind-bars i:nth-child(4){ animation-delay:.45s; }
.mic-orb .ind-bars i:nth-child(5){ animation-delay:.6s; }
@keyframes indeq{ 0%,100%{ transform:scaleY(.35); } 50%{ transform:scaleY(1); } }

.mic-orb .ind-rec{ width:10px; height:10px; border-radius:50%; background:#e24b4a;
  animation:indblink 1s ease-in-out infinite; flex:0 0 auto; }
@keyframes indblink{ 0%,100%{ opacity:1; } 50%{ opacity:.25; } }

.mic-orb .ind-label{ white-space:nowrap; }

.mic-orb[data-ind="listen"], .mic-orb[data-ind="getready"], .mic-orb[data-ind="readyread"]{ color:#b5790f; }
.mic-orb[data-ind="speak"],  .mic-orb[data-ind="read"]{ color:#d63b39; }
.mic-orb[data-ind="correct"]{ color:#1f9d5e; }