
.pwa-update-tools { display: grid; gap: 2px; }
.pwa-update-close[hidden] { display: none; }
.pwa-copy-buffer { position: fixed; left: -9999px; top: 0; }
/* Peugeot Traveller – gemeinsame Updatehinweise | Version: 2.7.5 | 2026-10-14 17:44:58 */
.pwa-toast-region { position: fixed; right: 16px; bottom: 16px; z-index: 100; display: grid; width: min(520px, calc(100vw - 32px)); gap: 2px; pointer-events: none; }
.pwa-update-toast { display: grid; grid-template-columns: minmax(0,1fr) auto 44px; align-items: center; gap: 10px; padding: 12px; color: var(--ink); background: var(--card, var(--paper)); border: 1px solid var(--line); border-left: 5px solid var(--navy); border-radius: 10px; box-shadow: var(--shadow); pointer-events: auto; font-size: calc(1rem * var(--mobile-type-scale, 1)); }
.pwa-update-copy { min-width: 0; overflow-wrap: anywhere; }
.pwa-update-copy strong, .pwa-update-copy span { display: block; }
.pwa-update-copy span { margin-top: 4px; color: var(--muted); font-size: .9em; }
.pwa-update-action, .pwa-update-close { min-height: 44px; border: 1px solid var(--navy); border-radius: 8px; font: inherit; font-weight: 650; cursor: pointer; }
.pwa-update-action { padding: 8px 12px; color: var(--card, var(--paper)); background: var(--navy); }
.pwa-update-action:disabled { opacity: .65; cursor: wait; }
.pwa-update-close { display: grid; width: 44px; padding: 0; place-items: center; color: var(--navy); background: var(--card, var(--paper)); }
.pwa-update-close svg { width: 22px; height: 22px; fill: currentColor; }
.pwa-update-action:focus-visible, .pwa-update-close:focus-visible { outline: 3px solid var(--orange); outline-offset: 2px; }
.pwa-update-toast.is-error { border-left-color: var(--red, var(--danger)); }
@media print { .pwa-toast-region, .pwa-update-toast { display: none !important; } }
