/* Violations — page-specific additions on top of the shared vx design system.
   Loaded globally via app.js alongside vx-design-system.css (see rationale there). */
.viol-filter-grid { display: grid; grid-template-columns: 1.4fr 1fr 1.6fr auto; gap: 12px; align-items: end; padding: 16px 24px; border-bottom: 1px solid #EEF1F6; }
@media (max-width: 900px) { .viol-filter-grid { grid-template-columns: 1fr; } }

.viol-table-row { display: grid; grid-template-columns: 2.2fr 1.4fr 1.1fr 1.1fr 1fr 90px; align-items: center; padding: 14px 24px; border-bottom: 1px solid #F1F4F9; text-decoration: none; color: inherit; }
.viol-table-row:hover { background: #F9FBFE; }
.viol-table-head { display: grid; grid-template-columns: 2.2fr 1.4fr 1.1fr 1.1fr 1fr 90px; padding: 12px 24px; background: #F7F9FC; border-bottom: 1px solid #EEF1F6; }
.viol-table-head span { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; color: #7A869E; }