/* Scoped visibility overhaul; order mutations and timer logic remain elsewhere. */
.kitchen-screen.bump-visibility{--bg:#202020;--text:#f7f4eb;--muted:#deddd5;--yellow:#f5ed27}
.bump-visibility .site-gate{background:#202020;padding:32px 20px}
.bump-visibility .site-gate-card{width:640px;padding:32px;background:#282828;border:1px solid #92928a;border-radius:18px}
.bump-visibility .gate-brand{gap:20px;margin-bottom:24px}
.bump-visibility .gate-brand>span:last-child{font-size:20px;font-weight:800;letter-spacing:2px;color:var(--yellow)}
.bump-visibility .site-gate .eyebrow{font-size:16px;color:#deddd5}
.bump-visibility .site-gate h1{font-size:40px;line-height:1.12;max-width:16ch}
.bump-visibility .gate-description{font-size:20px;line-height:1.5;color:#f7f4eb;margin:16px 0 24px}
.bump-visibility .gate-sites{gap:12px}
.bump-visibility .gate-sites button{min-height:68px;padding:14px 18px;font-size:21px;border:2px solid #92928a;border-radius:10px;background:#353535;color:#fff;text-align:left}
.bump-visibility .gate-sites button[aria-pressed=true]{background:var(--yellow);color:#202020;border-color:#fff;box-shadow:0 0 0 2px #202020,0 0 0 4px var(--yellow)}
.bump-visibility .gate-sites button[aria-pressed=true]::before{content:'✓';font-weight:900}
.bump-visibility .gate-sites button:disabled{opacity:1;color:#c5c5bf;border-style:dashed;background:#303030;cursor:wait}
.bump-visibility .gate-sites svg{width:24px;height:24px}
.bump-visibility .gate-modes{gap:12px;margin-bottom:24px}
.bump-visibility .gate-modes legend,.bump-visibility .site-gate form>label{font-size:18px;color:#f7f4eb;margin-bottom:12px}
.bump-visibility .gate-mode{gap:12px;padding:18px 14px;border:2px solid #92928a;background:#353535;border-radius:10px}
.bump-visibility .gate-mode input{width:24px;height:24px;flex-shrink:0}
.bump-visibility .gate-mode strong{font-size:21px;line-height:1.3;color:#fff}
.bump-visibility .gate-mode small{font-size:18px;line-height:1.45;color:#f7f4eb}
.bump-visibility .gate-mode:has(input:checked){border-color:var(--yellow);box-shadow:inset 0 0 0 1px var(--yellow);background:#282828}
.bump-visibility .site-gate input[type=password]{font-size:30px;min-height:68px;background:#202020;border:2px solid #92928a;color:#fff}
.bump-visibility .site-gate .button{min-height:60px;height:auto;padding:16px;font-size:20px;border-radius:10px}
.bump-visibility .site-code-status{font-size:18px;line-height:1.5;color:#f7f4eb}
.bump-visibility .site-code-status.error{color:#ffcabf;font-weight:700}
.bump-visibility .gate-access-help{margin-top:24px;border-top:1px solid #92928a;font-size:18px;line-height:1.5}
.bump-visibility .gate-access-help summary{padding:14px 0;min-height:56px;cursor:pointer;font-weight:750}
.bump-visibility .gate-access-help p{margin:8px 0 16px;color:#f7f4eb}
.bump-visibility .admin-entry{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:14px 16px;margin-top:16px;border:1px solid #92928a;border-radius:10px;font-size:20px;color:#f7f4eb;text-align:left}
.bump-visibility .admin-entry span{font-size:17px}
.bump-visibility .gate-demo-note{font-size:14px;line-height:1.5;color:#deddd5;margin-top:24px}
.bump-visibility .gate-cancel{min-height:56px;font-size:18px}
.bump-visibility #paired-device-panel{font-size:18px;line-height:1.5}
.bump-visibility :is(button,a,input,summary,[tabindex]):focus-visible{outline:3px solid #fff;outline-offset:4px}
.bump-visibility .ticket :is(button,[tabindex]):focus-visible{outline:3px solid #202020;outline-offset:-4px}
/* Timer names must yield to the clock on narrow tablet sidebars.
   Keep the label and clock in their own grid cells rather than painting over each other. */
.kitchen-screen.bump-visibility:not(.fryer-page) #kitchen-app .chip-serves{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:left}
/* Operating screens retain the proven five-ticket, two-row service geometry.
   Visibility improvements must not override the row sizing in app.js. */
.kitchen-screen.bump-visibility:not(.fryer-page) #kitchen-app .order-group-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.kitchen-screen.bump-visibility:not(.fryer-page) #kitchen-app .bump-row{min-width:44px;min-height:64px}
.kitchen-screen.bump-visibility:not(.fryer-page) #kitchen-app .bump-store-menu{font-size:13px;border:1px solid var(--line);border-radius:6px}
.kitchen-screen.bump-visibility:not(.fryer-page) #kitchen-app .bump-store-menu summary{min-height:44px;display:flex;align-items:center;padding:8px;cursor:pointer}
.kitchen-screen.bump-visibility:not(.fryer-page) #kitchen-app .bump-store-menu summary::before{content:'▸';margin-right:6px}
.kitchen-screen.bump-visibility:not(.fryer-page) #kitchen-app .bump-store-menu[open] summary::before{content:'▾'}
.kitchen-screen.bump-visibility:not(.fryer-page) #kitchen-app .ticket.is-saving{opacity:1;outline:3px solid #202020;outline-offset:-3px}
.bump-visibility .queue-service-status{font-size:18px;padding:14px 16px;border-width:2px;border-color:#deddd5}
.bump-visibility .toast{font-size:18px;max-width:calc(100vw - 32px)}
.bump-visibility .toast button{min-width:48px;min-height:48px;font-size:18px}
.bump-visibility dialog{max-width:min(680px,calc(100vw - 32px))}
.bump-visibility dialog p,.bump-visibility .help-list{font-size:18px;line-height:1.5}
.bump-visibility dialog button{min-height:52px}
.bump-visibility .dialog-close{min-width:52px}
@media(max-width:600px){
.bump-visibility .site-gate{padding:20px 12px}
.bump-visibility .site-gate-card{padding:24px 18px;border-radius:14px}
.bump-visibility .site-gate h1{font-size:32px}
.bump-visibility .gate-brand{gap:12px}
.bump-visibility .gate-brand .brand-logo{width:64px;height:64px}
.bump-visibility .gate-brand>span:last-child{font-size:17px;padding-left:12px}
.bump-visibility .gate-sites,.bump-visibility .gate-modes{display:grid;grid-template-columns:1fr}
.bump-visibility .admin-entry{align-items:flex-start;flex-direction:column;gap:6px}
}