/* A driver's phone remains a single task stream. Tablet and desktop screens
   reveal ready and active deliveries side by side inside the shared shell. */
.drv-page .drv-top-inner,
.drv-page .drv-wrap { width: 100%; max-width: var(--layout-max); margin-inline: auto; padding-inline: var(--layout-gutter); }
.drv-page .drv-top-head { padding-inline: 0; }
.drv-page .drv-top-name { overflow: visible; white-space: normal; overflow-wrap: anywhere; }
.drv-page .drv-top-sub { overflow-wrap: anywhere; }
.drv-page .drv-refresh { width: calc(var(--space-6) + var(--space-3)); height: calc(var(--space-6) + var(--space-3)); }
.drv-page main.container.page > .alert { width: calc(100% - var(--layout-gutter) * 2); max-width: calc(var(--layout-max) - var(--layout-gutter) * 2); margin: var(--space-3) auto 0; }
.drv-page .drv-wrap { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: var(--space-6); padding-top: var(--space-5); }
.drv-page .drv-section { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr)); align-items: start; gap: var(--space-4); min-width: 0; margin: 0; }
.drv-page .drv-section > :is(.drv-heading, .drv-empty) { grid-column: 1 / -1; }
.drv-page .drv-heading { min-width: 0; }
.drv-page .drv-heading h2 { overflow-wrap: anywhere; }
.drv-page .drv-section > .drv-card { min-width: 0; margin: 0; }
.drv-page .drv-empty { margin: 0; }
.drv-page .drv-daylog { grid-column: 1 / -1; margin: 0; }
.drv-page :is(.drv-actions, .drv-actionform, .drv-note > span, .drv-money-label) { min-width: 0; }
.drv-page :is(.drv-action, .drv-note > span, .drv-tally-fig, .drv-tally-lab) { white-space: normal; overflow-wrap: anywhere; }
.drv-page .drv-action { padding-block: var(--space-3); height: auto; line-height: 1.4; }
.drv-page .drv-money { flex-wrap: wrap; }
.drv-page .drv-money-amount { margin-left: auto; }
@media (min-width: 72rem) {
    .drv-page .drv-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
    .drv-page .drv-top-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(30rem, 1fr); align-items: center; gap: var(--space-6); }
    .drv-page .drv-tally { border-top: 0; }
    .drv-page .drv-section { scroll-margin-top: 7rem; }
}
/* Landscape phones and short windows need their height for delivery controls. */
@media (max-height: 40rem) {
    .drv-page .drv-top { position: static; }
    .drv-page .drv-section { scroll-margin-top: var(--space-4); }
}