/* FILE: public_html/WebVR_MktechLLC/app/ui/css/overlay.diagnostics.css */

#diagnostics-root { position: fixed; inset: 0; z-index: var(--z-diagnostics); pointer-events: none; }
.diag-overlay { position: absolute; inset: 0; background: rgba(0,0,0,.5); display: none; align-items: center; justify-content: center; pointer-events: auto; }
.diag-overlay.visible { display: flex; }
.diag-overlay.hidden  { display: none; }
.diag-card { max-width: min(92vw,820px); margin: 16px; color: #fff; line-height: 1.5; font-size: 14px; font-family: var(--mono, ui-monospace, Menlo, Consolas, monospace); }
.diag-card pre { white-space: pre-wrap; }
.diag-close { position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; border-radius: 10px; border: 1px solid rgba(255,255,255,.25); background: rgba(0,0,0,.35); color: #fff; display: grid; place-items: center; }
.diag-close:hover { background: rgba(0,0,0,.55); }