/* ============================================================================
   desktop_fixes.css — styles for static/js/mobile_web.js in DESKTOP mode.

   Loaded ONLY through templates/_mobile_head.html when the global
   DESKTOP_FIXES_ENABLED switch is on, the tenant is an interview tenant
   (mode "full") and the device is a desktop. It carries just what the desktop fixes
   draw: the "can't record video" block and the truthful recording labels.
   mobile.css is never loaded on desktop; the rules below are copied from its
   sections 1 and 8 so the two stay visually identical.

   Plan: docs/mobile_readiness_master_plan_oct01.md §3.1
   ============================================================================ */

/* Full-screen block: this browser cannot record the interview video (F1). */
.mw-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;                                    /* above every app layer */
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: var(--color-eggshell, #fcfcfc);
  text-align: center;
}
.mw-overlay.is-active { display: flex; }
.mw-overlay__card { max-width: 420px; }
.mw-overlay__title {
  font-family: var(--font-ui);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.2px;
  color: var(--color-obsidian, #0a0a0a);
  margin-bottom: 8px;
}
.mw-overlay__body {
  font-family: var(--font-ui);
  font-size: 15px;
  line-height: 1.55;
  color: var(--color-gravel, #666);
}
.mw-overlay__body + .mw-overlay__body { margin-top: 10px; }

/* Recording did not start: do not claim that it is running, or was saved. */
.mw-rec-failed .rec-indicator,
.mw-rec-failed .ending-status-chip { display: none !important; }