/* FIXLT native-aligned terminal designer. Uses the same branded structure as MainActivity. */
.terminal-preview.kiosk-preview{display:block;position:relative;max-width:770px;aspect-ratio:16/9;
 overflow:hidden;padding:0;border:7px solid #2b4056;border-radius:15px;background:#f3f6fa;
 color:#17263d;text-align:left;container-type:inline-size;box-sizing:border-box;--screen-scale:1}
.terminal-preview.kiosk-portrait{max-width:360px;aspect-ratio:9/16}
.kiosk-shell{height:100%;min-width:0;display:flex;flex-direction:column;
 padding:1.5cqw 2.6cqw 1cqw;background:#f3f6fa;
 font-size:calc(1.6cqw * var(--screen-scale));box-sizing:border-box;overflow:hidden}
.kiosk-light .kiosk-shell{background:#eff4fa}
.kiosk-ocean .kiosk-shell{background:#e8f4f7}
.kiosk-top{display:flex;align-items:center;gap:1.25cqw;min-height:10%;border-bottom:1px solid #e3e9f0}
.kiosk-brand{display:flex;align-items:center;gap:.9cqw;font-weight:800;color:#17263d;
 font-size:calc(2.15cqw * var(--screen-scale));white-space:nowrap;overflow:hidden;
 text-overflow:ellipsis;flex:1;min-width:0}
.kiosk-logo-icon{width:3.6cqw;height:3.6cqw;max-width:38px;max-height:38px;flex:none}
.kiosk-languages{display:flex;gap:.2cqw;align-items:center;flex:none}
.kiosk-languages button{border:0;padding:.6cqw;background:transparent;
 font-size:calc(1.2cqw * var(--screen-scale));color:#748297;cursor:pointer}
.kiosk-languages button.selected{color:var(--screen-accent);font-weight:800}
.kiosk-online{font-size:calc(.85cqw * var(--screen-scale));color:#299b78;white-space:nowrap}
.kiosk-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:.75cqw;overflow:hidden}
.kiosk-hero{height:42%;margin-top:1.2cqw;width:100%;flex:none;border-radius:var(--kiosk-radius,12px);
 overflow:hidden;position:relative;background:linear-gradient(125deg,#152b42,#143a49,#172a42)}
.kiosk-light .kiosk-hero{background:linear-gradient(125deg,#dceaf7,#c8e3e9,#d6e4f2)}
.kiosk-ocean .kiosk-hero{background:linear-gradient(125deg,#082c41,#086178,#124256)}
.kiosk-hero-copy{position:absolute;left:5%;width:50%;height:100%;z-index:1;
 display:flex;flex-direction:column;justify-content:center;gap:6%;color:white}
.kiosk-light .kiosk-hero-copy{color:#1a364c}
.kiosk-micro{font-size:calc(1.05cqw * var(--screen-scale));font-weight:800;color:#f3ae80}
.kiosk-hero-title{font-size:calc(3.0cqw * var(--screen-scale));line-height:1.08;
 max-width:100%;overflow-wrap:anywhere}
.kiosk-hero-sub{font-size:calc(1.35cqw * var(--screen-scale));line-height:1.28;
 max-width:100%;overflow-wrap:anywhere}
.kiosk-scene{position:absolute;width:100%;height:100%;top:0;left:0}
.kiosk-question{font-size:calc(2.65cqw * var(--screen-scale));margin:.75cqw 0 0;font-weight:800}
.kiosk-prompt{font-size:calc(1.25cqw * var(--screen-scale));color:#78879c;margin:0}
.kiosk-actions{width:100%;display:flex;justify-content:center;gap:1.5cqw;flex-shrink:0}
.kiosk-choice{min-width:0;flex:1;display:flex;align-items:center;gap:1.2cqw;cursor:pointer;
 min-height:9cqw;padding:1.2cqw 1.6cqw;text-align:left;border:1px solid #e3e9f0;background:white;
 border-radius:var(--kiosk-radius,12px);color:#17263d;box-shadow:0 2px 7px #1a2e4510}
.kiosk-choice-icon{display:grid;place-items:center;background:#fff0e8;color:var(--screen-accent);
 font-size:calc(3.5cqw * var(--screen-scale));width:5cqw;height:5cqw;border-radius:var(--kiosk-radius,12px)}
.kiosk-choice-copy{display:flex;flex-direction:column;gap:.4cqw;flex:1;min-width:0}
.kiosk-choice-copy b{font-size:calc(1.9cqw * var(--screen-scale));white-space:nowrap}
.kiosk-choice-copy small{font-size:calc(1.15cqw * var(--screen-scale));color:#78879c;line-height:1.2}
.kiosk-choice>span:last-child{font-size:3cqw;color:#93a4b6}
.kiosk-benefits{font-size:calc(1.15cqw * var(--screen-scale));color:#78879c;text-align:center}
.kiosk-help{border:1px solid #e3e9f0;border-radius:var(--kiosk-radius,12px);background:white;
 color:#17263d;font-size:calc(1.15cqw * var(--screen-scale));padding:.55cqw 1.3cqw;cursor:pointer}
.kiosk-ad{margin-top:.3cqw;background:#fff7ee;border:1px solid #e9c4aa;
 padding:.7cqw 1.5cqw;text-align:center;border-radius:var(--kiosk-radius,12px);
 font-size:calc(1.1cqw * var(--screen-scale));font-weight:700;width:100%;color:#243748}
.kiosk-footer{font-size:calc(1.0 * var(--screen-footer));color:#77899f;text-align:center;
 margin-top:auto;flex:none;height:auto;padding-top:.4cqw;font-weight:700;line-height:1.2}
.kiosk-corners-square{--kiosk-radius:0px}
.kiosk-corners-standard{--kiosk-radius:12px}
.kiosk-corners-round{--kiosk-radius:28px}
.kiosk-style-gradient .kiosk-open{background:linear-gradient(120deg,var(--screen-accent),#ffb383)}
.kiosk-style-outline .kiosk-open{background:transparent;border:2px solid var(--screen-accent);color:var(--screen-accent)}
.kiosk-pin-panel,.kiosk-help-panel{width:75%;margin:auto;display:flex;align-items:center;
 flex-direction:column;gap:.7cqw;background:white;border:1px solid #e3e9f0;border-radius:var(--kiosk-radius,12px);
 padding:1.1cqw 2cqw;overflow:hidden;color:#17263d}
.kiosk-pin-panel h3,.kiosk-help-panel h3{font-size:calc(2.6cqw * var(--screen-scale));margin:.4cqw 0 0}
.kiosk-pin-panel p,.kiosk-help-panel p{font-size:calc(1.35cqw * var(--screen-scale));
 text-align:center;color:#78879c;margin:.2cqw 0}
.kiosk-back{align-self:flex-start;border:0;background:none;color:#78879c;
 font-size:calc(1.15cqw * var(--screen-scale));cursor:pointer}
.kiosk-digits{background:#f3f6fa;border:1px solid #e3e9f0;border-radius:var(--kiosk-radius,12px);
 letter-spacing:.3cqw;text-align:center;width:100%;padding:1.1cqw;
 font-size:calc(2.5cqw * var(--screen-scale))}
.kiosk-keypad{width:75%;display:grid;grid-template-columns:repeat(3,1fr);gap:.4cqw}
.kiosk-keypad span{display:grid;place-items:center;background:white;border:1px solid #e3e9f0;
 border-radius:var(--kiosk-radius,12px);min-height:3.4cqw;font-size:calc(1.7cqw * var(--screen-scale))}
.kiosk-open{background:var(--screen-accent);border:0;color:white;text-align:center;cursor:pointer;
 border-radius:var(--kiosk-radius,12px);padding:1cqw;width:75%;font-weight:800;
 font-size:calc(1.4cqw * var(--screen-scale))}
.kiosk-pin-panel>small{font-size:calc(1cqw * var(--screen-scale));color:#8090a1;text-align:center}
.kiosk-help-panel b{color:var(--screen-accent);font-size:calc(1.65cqw * var(--screen-scale))}
.kiosk-portrait .kiosk-shell{padding:3cqw 2.8cqw}
.kiosk-portrait .kiosk-top{min-height:7%}
.kiosk-portrait .kiosk-hero{height:29%}
.kiosk-portrait .kiosk-hero-copy{width:55%}
.kiosk-portrait .kiosk-actions{flex-direction:column;gap:1.9cqw}
.kiosk-portrait .kiosk-choice{flex:none;min-height:13cqw}
.kiosk-portrait .kiosk-hero-title{font-size:calc(4cqw * var(--screen-scale))}
.kiosk-portrait .kiosk-question{font-size:calc(4.1cqw * var(--screen-scale))}
.kiosk-portrait .kiosk-hero-sub{font-size:calc(2cqw * var(--screen-scale))}
.kiosk-portrait .kiosk-pin-panel{width:95%;margin-top:8%}
.kiosk-portrait .kiosk-keypad span{min-height:9cqw}
.kiosk-portrait .kiosk-choice-copy b{font-size:calc(2.9cqw * var(--screen-scale))}
.kiosk-portrait .kiosk-choice-copy small{font-size:calc(1.9cqw * var(--screen-scale))}
.kiosk-portrait .kiosk-help{font-size:calc(2cqw * var(--screen-scale))}
.kiosk-portrait .kiosk-benefits{font-size:calc(1.8cqw * var(--screen-scale))}
.kiosk-portrait .kiosk-brand{font-size:calc(3.2cqw * var(--screen-scale))}
.kiosk-portrait .kiosk-logo-icon{width:6cqw;height:6cqw}
.kiosk-portrait .kiosk-languages button{font-size:calc(1.75cqw * var(--screen-scale))}
.kiosk-portrait .kiosk-online{font-size:calc(1.5cqw * var(--screen-scale))}

.kiosk-header-center .kiosk-brand{justify-content:center}
.kiosk-header-left .kiosk-brand{justify-content:flex-start}
.terminal-preview.kiosk-preset-7inch{max-width:490px}
.terminal-preview.kiosk-preset-10land{max-width:590px}
.terminal-preview.kiosk-preset-10port{max-width:335px}
.terminal-preview.kiosk-preset-21inch{max-width:770px}
.kiosk-style-gradient .kiosk-choice{background:linear-gradient(120deg,var(--screen-accent),#ffb383);border-color:transparent;color:white}
.kiosk-style-gradient .kiosk-choice-copy small,.kiosk-style-gradient .kiosk-choice>span:last-child{color:#fff5eb}
.kiosk-style-outline .kiosk-choice{border:2px solid var(--screen-accent);color:var(--screen-accent)}
.kiosk-style-outline .kiosk-choice>span:last-child{color:var(--screen-accent)}
/* Full-height fit on 16:9 control-panel preview with help + ad banner enabled */
.kiosk-preview:not(.kiosk-portrait) .kiosk-hero{height:35%;margin-top:.7cqw}
.kiosk-preview:not(.kiosk-portrait) .kiosk-question{margin-top:.35cqw}
.kiosk-preview:not(.kiosk-portrait) .kiosk-choice{min-height:7.6cqw;padding:.8cqw 1.2cqw}
.kiosk-preview:not(.kiosk-portrait) .kiosk-choice-icon{height:4.6cqw;width:4.6cqw}
.kiosk-preview:not(.kiosk-portrait) .kiosk-body{gap:.4cqw}
.kiosk-preview:not(.kiosk-portrait) .kiosk-ad{padding:.45cqw 1.2cqw;margin-top:0}
.kiosk-preview:not(.kiosk-portrait) .kiosk-help{padding:.35cqw 1cqw}
.kiosk-preview:not(.kiosk-portrait) .kiosk-footer{padding-top:0}

.kiosk-shell,.kiosk-light .kiosk-shell,.kiosk-ocean .kiosk-shell{background:var(--screen-bg,#f3f6fa);color:var(--screen-foreground,#17263d)}
.kiosk-brand,.kiosk-question{color:var(--screen-foreground,#17263d)}
.kiosk-preview .kiosk-hero,.kiosk-light .kiosk-hero,.kiosk-ocean .kiosk-hero{background:var(--screen-hero,#172b43)}
.kiosk-choice,.kiosk-help,.kiosk-keypad span,.kiosk-pin-panel,.kiosk-help-panel,.kiosk-style-gradient .kiosk-choice{background-color:var(--screen-surface,#fff)}
.kiosk-choice,.kiosk-help,.kiosk-pin-panel,.kiosk-help-panel,.kiosk-keypad span{color:var(--screen-card-text,#17263d)}
.kiosk-choice-copy b,.kiosk-style-outline .kiosk-choice-copy b{color:inherit}
.kiosk-custom-logo{height:4.5cqw;max-width:10cqw;object-fit:contain;flex:none}
.kiosk-portrait .kiosk-custom-logo{height:8cqw;max-width:14cqw}
.kiosk-uploaded-hero{position:absolute;inset:0;overflow:hidden;z-index:0}
.kiosk-uploaded-slide{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}
.kiosk-uploaded-slide[hidden]{display:none}
.kiosk-uploaded-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071725bd,transparent)}
@keyframes fixlt-crossfade{0%,22%{opacity:1}33%,94%{opacity:0}100%{opacity:1}}
.kiosk-uploaded-slide:not([hidden]){animation:fixlt-crossfade var(--slide-duration,18s) infinite;animation-delay:inherit}
.kiosk-portrait .kiosk-hero{height:28%}
.kiosk-portrait .kiosk-body{gap:1.3cqw}
.kiosk-portrait .kiosk-hero-copy{left:6%;width:66%}
.kiosk-portrait .kiosk-choice{min-height:12.2cqw}
.kiosk-portrait .kiosk-footer{font-size:calc(.85 * var(--screen-footer))}
.media-management{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.media-item{display:flex;flex-direction:column;gap:9px;border:1px solid #e1e9ef;border-radius:12px;padding:12px}
.media-item strong{font-size:12px}
.media-thumbnail{height:108px;display:grid;place-items:center;background:#edf1f6;border-radius:10px;overflow:hidden}
.media-thumbnail img{max-height:100%;max-width:100%;object-fit:contain}
.media-empty{font-size:12px;color:#8492a2}
.media-upload-input{font-size:11px;max-width:100%}
.media-upload-label{font-size:11px;font-weight:700;color:#2a72b3}
@media(max-width:570px){.media-management{grid-template-columns:1fr}}

/* Center the compact kiosk composition on tall 21.5-inch displays */
.kiosk-preview{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.kiosk-portrait.kiosk-preset-21inch .kiosk-body{justify-content:center;padding-bottom:4%;box-sizing:border-box}
.kiosk-portrait.kiosk-preset-21inch .kiosk-hero{height:29%}