[hidden] {
  display: none !important;
}

.join-form { margin-top: 22px; text-align: left; }
.join-form label { display: block; margin-bottom: 7px; font-size: 13px; font-weight: 800; }
.join-form input { width: 100%; height: 52px; margin-bottom: 12px; padding: 0 15px; border: 1px solid #cbdbe7; border-radius: 14px; color: #10243d; font: inherit; outline: none; }
.join-form input:focus { border-color: #1687dd; box-shadow: 0 0 0 3px #1687dd20; }
.waiting-state { margin-top: 24px; padding: 24px; border: 1px solid #cfe0ec; border-radius: 18px; background: #f7fbfe; }
.waiting-state strong, .waiting-state span { display: block; }
.waiting-state span { margin-top: 6px; color: #6a7c8e; font-size: 13px; }
.waiting-pulse { width: 14px; height: 14px; margin: 0 auto 12px; border-radius: 50%; background: #1687dd; animation: meet-pulse 1.5s infinite; }
.meeting-stage { margin-top: 26px; }
.video-grid { position: relative; overflow: hidden; min-height: 300px; border-radius: 20px; background: #10243d; }
.video-grid video { width: 100%; height: 100%; min-height: 300px; object-fit: cover; }
.video-grid #local-video { position: absolute; right: 14px; bottom: 14px; width: 150px; height: 100px; min-height: 0; border: 2px solid #fff; border-radius: 12px; box-shadow: 0 8px 20px #0006; }
.meeting-controls { display: flex; gap: 10px; margin-top: 14px; }
.meeting-controls .danger { background: #d84646; }
@keyframes meet-pulse { 0% { box-shadow: 0 0 0 0 #1687dd66; } 70% { box-shadow: 0 0 0 12px #1687dd00; } }