/* /drivers · /drivers/{userNo} — 표·카드의 바탕은 site.css(.directory-*, .driver-page .records-table)에 있다.
   글자는 넘치면 잘라 낸다(… 없음). */
.driver-page .records-table th.records-track,
.driver-page .records-table td.records-track,
.driver-track-name,
.driver-track-vehicle {
	text-overflow: clip;
}

.driver-page .records-table {
	width: 100%;
}

/* site.css의 필터 칸 .records-track(테두리·둥근 모서리)이 표 칸에도 묻는다 — 표 칸으로 되돌린다. */
.driver-page .records-table th.records-track {
	min-height: 0;
	padding: 3px 6px;
	border: 0;
	border-bottom: 1px solid var(--line);
	border-radius: 0;
}

.driver-page .records-table td.records-date {
	color: var(--muted);
	font-size: 12px;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.directory-count {
	margin: 0;
}

/* 모바일 — 칸을 넷으로 줄인다. 차이(+초)는 비율과 같은 말이라 빼고, 날짜는 월-일만 남긴다. */
@media (max-width: 540px) {
	.driver-page .records-table .driver-gap,
	.driver-page .records-table .driver-clock,
	.driver-page .records-table .driver-year,
	.driver-page .records-table .driver-utc {
		display: none;
	}

	.driver-page .records-table th.driver-percent,
	.driver-page .records-table td.driver-percent {
		width: 58px;
	}

	.driver-page .records-table th.records-date,
	.driver-page .records-table td.records-date {
		width: 50px;
		font-size: 11px;
	}

	.driver-page .records-table th.lapboard-time,
	.driver-page .records-table td.lapboard-time {
		width: 92px;
	}

	.driver-track-name,
	.driver-track-vehicle {
		display: block;
	}

	.driver-track-vehicle::before {
		content: none;
	}
}