.trip-recovery-dialog { border: 1px solid #8ba79d; border-radius: 18px; background: #fff; color: #16392b; width: min(420px, calc(100vw - 36px)); padding: 24px; box-sizing: border-box; max-height: calc(100dvh - 36px); overflow: auto; box-shadow: 0 12px 60px #0006; }
.trip-recovery-dialog::backdrop { background: #00180ccc; }
.trip-recovery-dialog h2 { margin: 0 0 12px; font-size: 1.4rem; }
.trip-recovery-dialog p { overflow-wrap: anywhere; line-height: 1.45; }
.trip-recovery-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.trip-recovery-dialog button, .trip-alert-control { min-height: 46px; padding: 10px 16px; border: 1px solid #7d998a; border-radius: 10px; background: #eff6f1; color: #173d2d; font: inherit; font-weight: 700; cursor: pointer; }
.trip-recovery-dialog .trip-primary { color: #fff; background: #075438; }
.trip-sync-notice { position: fixed; bottom: 12px; left: 12px; right: 12px; margin: auto; width: fit-content; max-width: calc(100vw - 24px); z-index: 10005; padding: 12px; border-radius: 10px; background: #fff6d8; color: #483300; box-shadow: 0 3px 18px #0003; }
.trip-alert-control { margin: 6px 0; }
.trip-recovery-dialog :focus-visible { outline: 3px solid #2078d7; outline-offset: 3px; }