/* EventMu styles shared by the panel (layout/master) and the public pages (layout/master-fo); the rest is labmu-ui.css */
[hidden] { display: none !important; }
dialog:focus-visible { outline: none; }

/* ---------- Dialog header: the close button keeps its size next to a long title ---------- */
.modal-h > .btn-icon { flex: none; }

/* ---------- QR scanner (EventMu.scanner, desk and Tiket Saya): the camera fills a square, a frame to aim with ---------- */
.scan-view { position: relative; aspect-ratio: 1; border-radius: 12px; overflow: hidden; background: radial-gradient(circle at 40% 35%, #3B4656, #0B1220); display: grid; place-items: center; }
.scan-view .scan-reader { width: 100%; height: 100%; }
.scan-view video { width: 100% !important; height: 100% !important; object-fit: cover; }
.scan-view .frame { position: absolute; width: 62%; aspect-ratio: 1; border-radius: 18px; box-shadow: 0 0 0 999px rgba(11, 18, 32, .45); outline: 3px solid #fff; }
.scan-view .hint { position: absolute; bottom: 14px; left: 0; right: 0; text-align: center; color: rgba(255, 255, 255, .85); font-size: 13px; }
.scan-view .scan-switch { position: absolute; top: 12px; right: 12px; }