/* This independent stylesheet keeps recovery usable before application assets load. */
.kiosk-startup { position: fixed; inset: 0; z-index: 1000; overflow-y: auto; color: #173449; background: #edf2f6; font-family: Arial, sans-serif; }
.kiosk-startup * { box-sizing: border-box; }
.kiosk-startup__brand { display: flex; flex-direction: column; align-items: center; gap: .2rem; padding: 1.25rem; color: #fff; background: #0a5688; }
.kiosk-startup__brand strong { font-size: 1.7rem; }
.kiosk-startup__content { width: min(40rem, calc(100% - 2rem)); margin: 2rem auto; padding: clamp(1rem, 4vw, 2rem); border-radius: .75rem; background: #fff; overflow-wrap: anywhere; }
.kiosk-startup h1 { margin-top: 0; font-size: clamp(1.5rem, 4vw, 2rem); line-height: 1.2; }
.kiosk-startup p { line-height: 1.6; }
.kiosk-startup__reload { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: .75rem 1.25rem; border-radius: .375rem; color: #fff; background: #0a5688; font-weight: 700; text-decoration: none; }
.kiosk-startup__reload:focus-visible { outline: 3px solid #173449; outline-offset: 4px; }