/* vehicles pages: truck documents (VAHAN) and where the trucks are (FASTag). */

.check-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: start; }
.check-row > .btn { margin-top: 23px; }
@media (max-width: 520px) { .check-row { grid-template-columns: minmax(0, 1fr); } .check-row > .btn { margin-top: 0; } }
.vehicle-record { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; }
@media (max-width: 1250px) { .vehicle-record { grid-template-columns: minmax(0, 1fr); } }
.doc-list { display: flex; flex-direction: column; }
.doc-row { display: flex; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px dashed var(--line); }
.doc-row:last-child { border-bottom: 0; }
.doc-state { display: inline-flex; align-items: center; gap: 4px; flex: none; }
.doc-state.good { color: var(--good); }
.doc-state.bad { color: var(--bad); }
.doc-state.warn { color: var(--warn); }
.doc-state.muted { color: var(--text2); }
.recent-row { width: 100%; background: none; border: 0; text-align: left; cursor: pointer; font: inherit; }
.recent-row:hover, .recent-row.on { background: #F7F9FD; }
.seen { display: inline-flex; gap: 6px; align-items: flex-start; }
.crossing { display: flex; align-items: center; gap: 10px; padding: 9px 2px; color: var(--text2); }
.crossing .row-title { font-weight: 500; color: var(--text); }
.crossing.latest { color: var(--good); }
.crossing.latest .row-title { font-weight: 700; }
.crossing.latest .row-sub { color: var(--good); }