/* Shared states; retain the existing Apple-touch date wrapper. */
button, input, select, textarea { box-sizing: border-box; }
button, input, select, textarea { font-family: inherit; }
.history-filters button { background: var(--ui-primary); color: white; font-weight: 650; cursor: pointer; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid var(--ui-primary); outline-offset: 3px; }
button.is-delete-armed { background: #b42318 !important; color: #fff !important; border-color: #b42318 !important; }
.app-account-menu form { margin: 0; }
.app-account-menu .app-signout-all { display: block; width: 100%; border: 0; background: transparent; text-align: left; padding: 12px 16px; color: #b42318; cursor: pointer; font: inherit; }
.planned-route-map-move-buttons[hidden] { display: none !important; }
.planned-route-map-summary > span { white-space: nowrap; }
@media (max-width: 600px) {
    .planned-route-map-summary { flex-wrap: wrap; gap: 8px 14px; padding: 8px 12px; }
    .planned-route-map-summary .planned-route-map-method { flex-basis: 100%; }
}
.history-page { max-width: 1500px; margin: 24px auto; padding: 0 24px; }
.history-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin: 20px 0; }
.history-filters label { display: grid; gap: 6px; min-width: 140px; }
.history-filters input, .history-filters select, .history-filters button { min-height: 40px; padding: 8px 12px; border: 1px solid var(--ui-input-border); border-radius: 5px; }
.history-table-wrap { overflow: auto; border: 1px solid var(--ui-border); }
.history-page table { width: 100%; border-collapse: collapse; background: #fff; }
.history-page th, .history-page td { padding: 12px; text-align: left; border-bottom: 1px solid var(--ui-border); vertical-align: top; }
.history-page th { background: var(--ui-canvas); }
.history-page td { overflow-wrap: anywhere; max-width: 420px; }
.history-page small { display: block; margin-top: 4px; color: var(--ui-secondary); }
.history-pagination { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; }
@media (max-width: 700px) { .history-page { padding: 0 12px; } .history-page table { min-width: 650px; } }