/* custom.css — project-specific overrides on top of USWDS 3.x
   Keep this file under 200 lines. Use USWDS utility classes in HTML first.
   Zero inline styles permitted (see project plan §CSP). */

/* Screen visibility — controlled by app.js state machine */
.screen { display: none; }
.screen.is-active { display: block; }

/* Image preview thumbnail (capture screen) */
.capture-preview {
  max-width: 100%;
  max-height: 40vh;
  display: block;
  margin: 1rem auto;
  border: 2px solid var(--usa-color-base-lighter);
}

/* Analyzing spinner container */
.analyzing-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  padding: 3rem 0;
}

/* Update banner (service worker) — hidden until new SW waiting */
.update-banner { display: none; }
.update-banner.is-visible { display: block; }

/* Violation card severity accent */
.violation-card--minor { border-left: 4px solid var(--usa-color-warning); }
.violation-card--major { border-left: 4px solid var(--usa-color-error); }
.violation-card--red-tag { border-left: 4px solid var(--usa-color-error-dark); }