/* meeting.css - Wired Country Connector */

.ctl {
  padding: 0.5rem 0.9rem;
  border-radius: 0.6rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: #e2e8f0;
}
.ctl:hover { filter: brightness(1.15); }
.ctl-off { background: #7f1d1d !important; }
.ctl-on { background: #b45309 !important; }

.tile video { transition: opacity 0.2s, object-position 0.6s ease; }
.tile.speaking .speakRing { box-shadow: inset 0 0 0 3px #facc15; border-radius: 0.75rem; }

/* per-tile status badges + quality dot */
.stBadge {
  background: rgba(127, 29, 29, 0.85);
  color: #fecaca;
  font-size: 0.6rem;
  font-weight: 700;
  border-radius: 0.3rem;
  padding: 0.05rem 0.35rem;
}
.qDot { width: 0.55rem; height: 0.55rem; border-radius: 9999px; background: #475569; display: inline-block; }
.qDot.q-good { background: #34d399; }
.qDot.q-warn { background: #fbbf24; }
.qDot.q-bad  { background: #ef4444; box-shadow: 0 0 5px 1px rgba(239, 68, 68, 0.6); }

/* screen share layout: screen large, cameras strip below */
.grid-screen {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-rows: 1fr;
}
.grid-screen .screenTile { grid-column: span 6; grid-row: span 4; }
.grid-screen .tile:not(.screenTile) { grid-row: span 1; }

.hudCard { animation: hudIn 0.25s ease; }
@keyframes hudIn { from { transform: translateY(-8px); opacity: 0; } to { transform: none; opacity: 1; } }

#grid { grid-auto-rows: 1fr; }

/* self-tile mini buttons */
.tileBtn {
  background: rgba(0,0,0,0.55);
  border: 1px solid #475569;
  border-radius: 0.4rem;
  padding: 0.1rem 0.45rem;
  font-size: 0.65rem;
  font-weight: 700;
  color: #e2e8f0;
}
.tileBtn-off { background: #7f1d1d; border-color: #b91c1c; }

/* transmitting glow */
.txGlow { box-shadow: 0 0 6px 2px rgba(52, 211, 153, 0.6); }

/* mobile: hidden self tile still exists but takes no space */
.mobileHidden { display: none !important; }

/* mobile slide-up controls */
@media (max-width: 640px) {
  .controls-mobile {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 45;
    transition: transform 0.25s ease;
  }
  .controls-hidden { transform: translateY(110%); }
}