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

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