.incident-section { margin: 0 0 1rem; }
.incident-home-card { width: 100%; display: grid; grid-template-columns: 3.25rem minmax(0, 1fr) auto auto; gap: .85rem; align-items: center; padding: 1rem; border: 1px solid color-mix(in srgb, #5d496b 32%, var(--line, #ddd)); border-radius: 1.15rem; background: linear-gradient(135deg, color-mix(in srgb, #5d496b 12%, var(--surface, #fff)), var(--surface, #fff)); color: inherit; text-align: left; box-shadow: 0 .5rem 1.4rem rgba(55, 37, 73, .08); cursor: pointer; }
.incident-home-card:hover { border-color: #756b7c; transform: translateY(-1px); }
.incident-home-card:focus-visible { outline: 3px solid rgba(117, 107, 124, .3); outline-offset: 2px; }
.incident-home-icon, .incident-list-icon { display: grid; place-items: center; color: #5d496b; background: color-mix(in srgb, #5d496b 18%, white); border-radius: 1rem; }
.incident-home-icon { width: 3.25rem; height: 3.25rem; }
.incident-home-icon img, .incident-list-icon img { display: none; }
.incident-home-icon::before, .incident-list-icon::before { content: ""; display: block; background: #5d496b; -webkit-mask: url('../images/incidents/Incidents.png') center / contain no-repeat; mask: url('../images/incidents/Incidents.png') center / contain no-repeat; }
.incident-home-icon::before { width: 2.25rem; height: 2.25rem; }
.incident-home-copy { display: grid; gap: .18rem; min-width: 0; }
.incident-home-copy strong { font-size: 1.15rem; }
.incident-home-copy small { color: var(--muted, #625a67); }
.incident-home-count { min-width: 2.25rem; height: 2.25rem; display: grid; place-items: center; border-radius: 999px; background: #5d496b; color: white; font-weight: 700; }
.incident-home-arrow, .incident-card-arrow { color: #5d496b; font-size: 1.7rem; }
.incident-hero { background: linear-gradient(145deg, #372549, #6c4f7c); }
.incident-card { grid-template-columns: auto minmax(0, 1fr) auto; }
.incident-list-icon { width: 2.8rem; height: 2.8rem; flex: 0 0 2.8rem; }
.incident-list-icon::before { width: 2rem; height: 2rem; }
.incident-list .maintenance-card { align-items: center; }
.incident-origin { margin: 1rem 0; padding: 1rem; border: 1px solid var(--line, #ddd); border-radius: 1rem; background: color-mix(in srgb, #5d496b 8%, var(--surface, #fff)); }
.incident-classification { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; margin-top: .75rem; }
.incident-classification span { padding: .6rem .7rem; border-radius: .7rem; color: #514459; font-size: .68rem; font-weight: 650; background: color-mix(in srgb, #5d496b 12%, var(--surface, #fff)); }
.incident-treatment { display: grid; gap: 1rem; margin-top: 1rem; }
.incident-time-fields { grid-template-columns: 1.2fr .9fr .9fr !important; }
.incident-restore-choice { border-color: color-mix(in srgb, #5d496b 30%, var(--line, #ddd)); background: color-mix(in srgb, #5d496b 8%, var(--surface, #fff)); }
.incident-completion-policy { border-left-color: #756b7c; color: #4f4356; background: color-mix(in srgb, #5d496b 10%, var(--surface, #fff)); }
.incident-required-zone { border: 1px solid var(--line, #ddd); }

@media (max-width: 460px) {
  .incident-home-card { grid-template-columns: 2.8rem minmax(0, 1fr) auto; padding: .85rem; }
  .incident-home-icon { width: 2.8rem; height: 2.8rem; }
  .incident-home-arrow { display: none; }
  .incident-home-copy small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .incident-time-fields { grid-template-columns: 1fr 1fr !important; }
  .incident-time-fields label:first-child { grid-column: 1 / -1; }
}
