/* ============================================================
   COMPONENT · HAZARD
   Diagonal stripe banner. Reserve for genuinely hazardous
   regions — destructive action zones, danger boundaries.

   ───── DESTRUCTIVE / OPERATOR-ONLY TIER ─────────────────────
   These industrial hazard stripes are RESERVED for genuinely
   destructive/irreversible zones (purge, delete-account, revoke)
   and the operator console. They must NEVER dress a calm GTD user
   surface — a full inbox is success, not an alarm
   (02-reconciliation, Rules 1–4). Do not reach for `c-hazard` in
   app/views/app/**. See the styleguide's "Destructive-only tier".
   ============================================================ */

.c-hazard {
  height: 1.5rem;
  background: var(--pattern-hazard);
  background-size: 24px 24px;
  border-top: 2px solid var(--c-black);
  border-bottom: 2px solid var(--c-black);
}

.c-hazard--thin { height: 0.5rem; background-size: 14px 14px; }

.c-hazard-zone {
  padding: var(--space-5);
  border: 2px dashed var(--color-caution);
  background: color-mix(in srgb, var(--color-caution) 5%, transparent);
  border-radius: var(--radius-xs);
}