@layer reset,tokens,base,layout;@layer components{.incident-file-mock__body{align-content:start;gap:var(--space-sm);padding:var(--space-lg);font-size:var(--text-sm);display:grid}.incident-file-mock__group{gap:var(--space-2xs);display:grid}.incident-file-mock__legend{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.incident-file-mock__pieces,.incident-file-mock__history{gap:var(--space-3xs);margin:0;padding:0;list-style:none;display:grid}.incident-file-mock__piece{align-items:baseline;gap:var(--space-sm);padding-bottom:var(--space-2xs);border-bottom:var(--border);grid-template-columns:1fr auto;display:grid}.incident-file-mock__piece:last-child{border-bottom:0}.incident-file-mock__piece-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text);overflow:hidden}.incident-file-mock__piece-meta{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-text-muted)}.incident-file-mock__action{align-items:center;gap:var(--space-2xs);color:var(--color-success-text);display:flex}.incident-file-mock__action-icon{flex:none}@media (prefers-reduced-motion:no-preference){.incident-file-mock__piece{animation:incident-piece var(--duration-incident-piece) var(--ease-out) both}.incident-file-mock__piece:nth-child(2){animation-delay:80ms}.incident-file-mock__piece:nth-child(3){animation-delay:.16s}.incident-file-mock__piece:nth-child(4){animation-delay:.24s}}@keyframes incident-piece{0%{opacity:0;translate:0 var(--space-2xs)}to{opacity:1;translate:0}}@media (width<=820px){.incident-file-mock__body{gap:var(--space-sm);padding:var(--space-sm);font-size:var(--text-xs)}.incident-file-mock__group:last-of-type{display:none}}.incident-form-mock__body{align-content:start;gap:var(--space-md);padding:var(--space-lg);font-size:var(--text-sm);display:grid}.incident-form-mock__field{gap:var(--space-3xs);min-width:0;display:grid}.incident-form-mock__label{font-size:var(--text-xs);color:var(--color-text-muted)}.incident-form-mock__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:var(--space-3xs) var(--space-2xs);border:var(--border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-bg-muted);margin:0;overflow:hidden}.incident-form-mock__levels{gap:var(--space-3xs);flex-wrap:wrap;display:flex}.incident-form-mock__level{padding:var(--space-3xs) var(--space-2xs);border:var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;color:var(--color-text-muted)}.incident-form-mock__level--selected{border-color:var(--color-accent-coral);font-weight:var(--font-weight-semibold);color:var(--color-coral-text);background:var(--color-coral-surface)}.incident-form-mock__chip{justify-self:start;align-items:center;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--rvg-white);box-shadow:var(--shadow-float);display:inline-flex}.incident-form-mock__chip-dot{width:var(--reconciliation-dot-size);height:var(--reconciliation-dot-size);border-radius:var(--radius-round);background:var(--color-success-text)}@media (prefers-reduced-motion:no-preference){.incident-form-mock__level--selected{animation:incident-urgency var(--duration-incident-form) var(--ease-out) infinite both}}@keyframes incident-urgency{0%,22%{border-color:var(--color-border);color:var(--color-text-muted);background:0 0}34%,88%{border-color:var(--color-accent-coral);color:var(--color-coral-text);background:var(--color-coral-surface)}to{border-color:var(--color-border);color:var(--color-text-muted);background:0 0}}@media (width<=820px){.incident-form-mock__body{gap:var(--space-sm);padding:var(--space-sm);font-size:var(--text-xs)}}}@layer utilities;
