/* 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; }
.tile.speaking .speakRing { box-shadow: inset 0 0 0 2px #34d399; border-radius: 0.75rem; }

/* 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; }