.dh-rest { display: grid; gap: 0.45em; margin-top: 0.8em; }
.dh-rest-top { display: flex; align-items: center; justify-content: space-between; gap: 0.8em; color: var(--app-text-2); }
.dh-rest-top b { color: var(--app-text); }
.dh-rest-bar { position: relative; display: block; height: 0.9em; border-radius: 1em; background: var(--app-bg-alt); }
.dh-rest-bar i { display: block; width: calc(var(--v) * 100%); height: 100%; border-radius: 1em; background: var(--green); transform-origin: 0 50%; }
.dh-rest--warn .dh-rest-bar i { background: var(--amber); }
.dh-rest--stop .dh-rest-bar i { background: var(--red); }
.dh-rest-bar u { position: absolute; top: -0.3em; bottom: -0.3em; left: 60%; width: 2px; border-radius: 2px; background: var(--app-text); text-decoration: none; }
.dh-rest-bar u + u { left: 73.33%; background: var(--ink-faint); }
.dh-rest-scale { position: relative; height: 1.3em; font-size: 0.8em; color: var(--app-text-3); }
.dh-rest-scale span { position: absolute; left: 60%; transform: translateX(-100%); padding-right: 0.5em; white-space: nowrap; }
.dh-rest-scale span + span { left: 73.33%; transform: none; padding: 0 0 0 0.5em; }
.dh-rest-why { font-size: 0.86em; line-height: 1.4; color: var(--app-text-3); }
.dh-rest--stop .dh-rest-why { color: var(--red-text); }
.dh-rest--warn .dh-rest-why { color: var(--amber-text); }
.dh-gap { margin-top: 0.8em; }
.dh-hero-grid { display: grid; gap: 0.9em; align-items: start; }
.dh-hero-list > .dh-gap:first-child { margin-top: 0; }
.dh-hero-gauge { padding: 1.1em 1.2em 1.2em; }
.dh-hero-gauge .dh-rest { margin-top: 0; gap: 0.7em; }
.dh-hero-gauge .dh-rest-bar { height: 1.1em; }
.dh-hero .app-main { padding-bottom: 1.2em; }
.dh-row--stop { transition: border-color 0.4s, background-color 0.4s; }
.js [data-step="2"] .dh-row--stop, .js [data-step="3"] .dh-row--stop, .js [data-step="4"] .dh-row--stop, [data-steps]:not([data-step]) .dh-row--stop { background: var(--red-bg); border-color: transparent; }
.js [data-step="1"] .dh-row--stop .k-btn { animation: kPress 0.5s var(--ease-out) 0.9s both; }
.dh-three { display: grid; gap: 1.1em; }
.dh-three .dh-rest { margin-top: 0; padding: 0.9em 1em; border-radius: 0.7em; background: var(--card); border: 1px solid var(--app-border); }
.page-driver-hours .app.dh-solo { grid-template-columns: minmax(0, 1fr); min-height: 0; }
.dh-honest { margin-bottom: 0.9em; }
.dh-over { font-weight: 600; color: var(--red-text); }
.page-driver-hours .k-table td.dh-over { color: var(--red-text); }
.dh-log { margin-top: 1em; }
.dh-tstats { margin-bottom: 0.2em; }
.dh-tstats .k-stat > b { font-size: 1.7em; }
.js [data-step="1"] .dh-read { animation: kPress 0.5s var(--ease-out) 0.8s both; }
.dh-waiting { min-height: 3.6em; }
.js [data-step="1"] .dh-waiting { background: none; }
@media (max-width: 39.99em) { .dh-tstats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.dh-pill { display: inline-flex; align-items: center; padding: 0.15em 0.7em; border-radius: var(--radius-pill); border: 1px solid currentColor; font-size: 0.86em; font-weight: 600; white-space: nowrap; color: var(--amber-text); background: var(--card); }
.dh-pill--serious { color: var(--red-text); }
.page-driver-hours .dh-inf td { white-space: normal; }
.page-driver-hours .dh-inf td:first-child { white-space: nowrap; }
.dh-lic { margin-top: 0.4em; }
.page-driver-hours .dh-lic dd span { font-size: 1em; color: var(--app-text); }
.page-driver-hours .dh-lic dd .dh-shown { color: var(--orange-text); }
.page-driver-hours .browser .k-table th, .page-driver-hours .browser .k-table td { padding-inline: 0.7em; }
.dh-shown { padding: 0.05em 0.4em; border-radius: 0.4em; color: var(--orange-text); background: var(--orange-wash); }
.dh-reveal { display: flex; justify-content: flex-start; margin-top: 1em; }
.dh-timer { position: relative; display: inline-block; padding: 0.4em 0.9em 0.6em; border-radius: 0.7em; font-size: 0.86em; font-weight: 600; color: var(--orange-text); background: var(--orange-wash); overflow: hidden; }
.dh-timer i { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--orange); transform-origin: 0 50%; }
.js [data-step="2"] .dh-timer i { animation: kWipe 3.2s linear both; }
.dh-only-s { display: none; }
@media (max-width: 39.99em) { .dh-only-s { display: block; margin-top: 0.35em; font-size: 0.86em; line-height: 1.35; color: var(--app-text-2); } }
.page-driver-hours .dh-tstats .k-stat { align-content: space-between; }
.page-driver-hours .dh-tstats .k-stat > span { white-space: normal; line-height: 1.25; }
.jp-screen .dh-three { gap: 0.8em; }
.jp-screen .dh-three, .jp-screen .dh-rec { max-width: 40rem; }
.dh-pill--ok { color: var(--green-text); }
.page-driver-hours .dh-cards td { white-space: normal; }
@media (min-width: 60em) { .page-driver-hours .jx--side .jp--row { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); } }
@media (max-width: 39.99em) {
  .page-driver-hours .dh-cards { table-layout: fixed; width: 100%; }
  .page-driver-hours .dh-cards th:first-child { width: 27%; }
  .page-driver-hours .dh-cards th, .page-driver-hours .dh-cards td { padding-inline: 0.6em; white-space: normal; }
  .dh-cards .dh-pill { white-space: normal; border-radius: 0.9em; padding-block: 0.2em; line-height: 1.25; }
}
@media (max-width: 35.99em) { .js .page-driver-hours #more .jx-tabs > li:last-child { grid-column: 1 / -1; } }
.page-driver-hours .dh-points th, .page-driver-hours .dh-points td { padding-inline: 0.7em; }
@media (min-width: 60em) {
  html:not(.js) .page-driver-hours #more .jx-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
}