/* ============================================================
   Muhabbetci — Mikrofon İzin Bandı stilleri (micgate.css)
   ============================================================ */

.micPermit {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 10px 0 4px;
  padding: 7px 11px;
  border-radius: var(--r-sm, 10px);
  background: rgba(255,59,92,.1);
  border: 1px solid rgba(255,59,92,.34);
  animation: micGir .22s ease;
  flex: 0 0 auto;
  max-width: 330px;
}
.micPermit.hidden { display: none; }

@keyframes micGir {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: none; }
}

.micPermit.ok {
  background: rgba(47,208,122,.11);
  border-color: rgba(47,208,122,.4);
}

.micPermit.wait {
  background: rgba(255,176,32,.11);
  border-color: rgba(255,176,32,.42);
}
.micPermit.wait .micPermit-ico { animation: micNabiz 1.3s ease-in-out infinite; }

@keyframes micNabiz {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: .55; transform: scale(.9); }
}

.micPermit-ico {
  font-size: 15px;
  flex: 0 0 auto;
}

.micPermit-txt {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.micPermit-txt b {
  font-size: 11.5px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.micPermit-txt span {
  font-size: 10px;
  color: var(--txt-mute, #8492a6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.micPermit-btn {
  padding: 6px 11px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  flex: 0 0 auto;
  cursor: pointer;
  background: linear-gradient(135deg, var(--accent, #4f8cff), var(--accent-2, #7b5cff));
  color: #fff;
  transition: filter .15s, transform .1s;
}
.micPermit-btn:hover { filter: brightness(1.13); }
.micPermit-btn:active { transform: scale(.97); }

.micPermit.ok .micPermit-btn {
  background: linear-gradient(135deg, #2fd07a, #1fae63);
  color: #06210f;
}
.micPermit.wait .micPermit-btn {
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,176,32,.45);
  color: #ffc266;
}

.micPermit-btn.x {
  background: transparent;
  color: var(--txt-mute, #8492a6);
  padding: 6px 8px;
  font-size: 15px;
  font-weight: 400;
}
.micPermit-btn.x:hover { color: #fff; background: rgba(255,255,255,.07); }

/* ---- izin yokken mikrofon düğmesi soluk ---- */
.icon-btn.mic-kilitli {
  opacity: .5;
  position: relative;
}
.icon-btn.mic-kilitli::after {
  content: '';
  position: absolute;
  right: 4px; top: 4px;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #ff3b5c;
}

/* ---- mobil ---- */
@media (max-width: 760px) {
  .micPermit {
    order: 9;
    width: 100%;
    max-width: none;
    margin: 6px 8px 0;
    padding: 8px 10px;
  }
  .micPermit-btn { padding: 8px 12px; font-size: 12px; min-height: 38px; }
  .micPermit-txt b { font-size: 12px; }
}

@media (max-width: 560px) {
  .micPermit-txt span { display: none; }
  .micPermit { gap: 7px; }
}

/* ---- hareket azaltma ---- */
@media (prefers-reduced-motion: reduce) {
  .micPermit.wait .micPermit-ico { animation: none; }
}