main { max-width: 780px; } [data-station] { padding: 20px 0; } [data-station] h1 { font-size: clamp(1.8rem,5vw,2.7rem); line-height: 1.15; }
[data-station] button { min-height: 56px; font-weight: 650; } [data-search] { display: grid; grid-template-columns: 110px minmax(0,1fr); align-items: end; }
[data-search] label { display: block; } [data-search] input { width: 100%; font-size: 1.45rem; min-height: 58px; } [data-search] button { grid-column: 1 / -1; }
[data-results] button { width: 100%; text-align: left; justify-content: space-between; white-space: normal; margin: 8px 0; }
[data-results] code { display: block; font: 600 clamp(1.3rem,4vw,2rem)/1.8 monospace; overflow-wrap: anywhere; letter-spacing: .08em; padding: 12px; background: white; border-radius: 12px; }
.secondary { color: #66394e; background: #eee7e9; margin-top: 16px; } .station-help { color: #615c65; margin-top: 28px; } fieldset { width:100%; border:1px solid #ded8d2; border-radius:8px; } fieldset label { margin:12px 0; }
[data-station][aria-busy=true] { cursor: progress; } @media(max-width:360px) { main { padding:16px; } [data-search] { grid-template-columns:85px minmax(0,1fr); } }

.rnl-busy-indicator { display: inline-flex; align-items: center; gap: .5rem; margin: .75rem; }
.rnl-busy-spinner, [data-email-checkin][aria-busy="true"] [data-message]::before, [data-station][aria-busy="true"] [data-message]::before { content: ""; display: inline-block; width: 1rem; height: 1rem; margin-right: .5rem; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: station-spin .8s linear infinite; }
@keyframes station-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .rnl-busy-spinner, [data-email-checkin][aria-busy="true"] [data-message]::before, [data-station][aria-busy="true"] [data-message]::before { animation: none; } }

.station-actions { display: flex; flex-wrap: wrap; gap: 8px; } .station-actions form { margin: 0; } .station-actions .secondary { margin-top: 0; }

[data-email-checkin] button { min-height: 56px; font-weight: 650; }

/* Site branding is scoped to the kiosk, never the employee or email portals. */
.rnl-station-screen { background: var(--station-background,#f7f5f3); color: var(--station-ink,#272333); min-height:100vh; }
.rnl-station-screen [data-station], [data-station-preview] { padding:20px 0; overflow-wrap:anywhere; }
.rnl-station-screen h1 { font-size:clamp(1.8rem,5vw,2.7rem); line-height:1.15; margin:24px 0; }
.rnl-station-screen button { background:var(--station-primary,#66394e); color:var(--station-button-ink,#fff); min-height:56px; font-weight:650; border:2px solid currentColor; }
.rnl-station-screen .secondary { background:#fff; color:#272333; }
.rnl-station-screen article, .rnl-station-screen input, .rnl-station-screen [data-results] code { color:#272333; background:#fff; }
.rnl-station-screen .station-help { color:inherit; }
.rnl-station-screen :focus-visible { outline:3px solid #000; outline-offset:3px; box-shadow:0 0 0 6px #fff; }
.station-logo { display:flex; justify-content:center; padding:16px; border-radius:12px; background:#fff; width:fit-content; max-width:100%; }
.station-logo img { display:block; max-width:220px; max-height:88px; width:auto; height:auto; object-fit:contain; }
.station-languages { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:28px; }
.rnl-station-screen .station-languages button { flex:1 1 auto; min-height:56px; padding:12px 20px; font-size:1.05rem; background:#fff; color:#272333; border:2px solid #827583; }
.rnl-station-screen .station-languages button[aria-pressed=true] { background:var(--station-primary,#66394e); color:var(--station-button-ink,#fff); border-color:currentColor; box-shadow:inset 0 -4px 0 currentColor; }