/* Customer-facing display: controls remain available only in staff settings mode. */
.customer-screen .cs-view-controls,#customer-move-screen,#customer-fullscreen{display:none!important}
.customer-screen{background:#f6f8f7!important;padding:28px 44px!important;color:#153c3a!important;overflow:hidden!important}
.cs-head{flex-wrap:nowrap!important;border:0!important;padding:0 0 22px!important;min-height:88px;gap:24px!important}
.cs-brand{gap:18px!important}.cs-brand img{width:62px!important;height:62px!important}.cs-brand strong{font-size:28px!important;letter-spacing:.2px}.cs-brand small{color:#778d89;font-size:14px!important;margin-top:2px!important}
.cs-badge{margin-left:auto;background:#e6f2ed!important;color:#23765b!important;padding:10px 18px!important;font-size:14px!important;border:1px solid #d8e9e0;border-radius:99px;white-space:nowrap}
.cs-idle{border-radius:28px;background:#fff;grid-template-columns:1.1fr 1fr!important;gap:5%!important;padding:6% 6%!important;border:1px solid #e3ebe6;box-shadow:0 16px 60px #143b3310}
.cs-idle:before{display:none!important}.idle-eyebrow{font-size:15px!important;letter-spacing:1.6px!important;color:#23846b!important;margin-bottom:18px!important}
.idle-copy h1{font-size:clamp(42px,4.6vw,76px)!important;line-height:1.5!important;color:#153e39;margin:0 0 18px!important}
.idle-copy p{font-size:clamp(18px,1.4vw,25px)!important;line-height:1.9!important;color:#6b817b!important;max-width:640px!important}
.idle-tags{gap:20px!important;margin-top:28px!important}.idle-tags span{padding:0!important;border:0!important;background:none!important;color:#54766c!important;font-size:15px!important}.idle-tags span:before{content:'✓';color:#2f9274;margin-right:8px;font-weight:700}
.idle-clock{gap:22px!important;margin-top:42px!important}.idle-clock strong{font-size:38px!important;letter-spacing:0!important;color:#264b43}.idle-clock span{font-size:14px!important;color:#7f938b!important;border-color:#e0e8e3!important}
.idle-panel{align-self:stretch;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#143f39,#1f6657)!important;color:#fff;border:0!important;border-radius:26px!important;padding:44px 36px!important;box-shadow:none!important;min-height:350px}
.idle-panel:before,.idle-panel:after{content:'';position:absolute;border:1px solid #ffffff12;border-radius:50%;width:420px;height:420px;right:-230px;top:-240px;pointer-events:none}.idle-panel:after{width:550px;height:550px;top:auto;right:auto;left:-360px;bottom:-350px}
.idle-icon{width:96px!important;height:96px!important;font-size:44px!important;background:#ffffff12!important;border:1px solid #ffffff20;border-radius:24px!important;color:#b7e2cb!important;animation:none!important;margin:0 auto 24px!important}
.idle-panel h2{font-size:clamp(23px,1.9vw,34px)!important;line-height:1.7!important;color:white!important;margin:8px 0 16px!important}.idle-panel p{font-size:clamp(16px,1.15vw,21px)!important;color:#c0d9cf!important;line-height:1.9!important;min-height:75px!important;margin:0!important}.idle-dots{margin-top:34px!important}.idle-dots i{background:#ffffff30!important;width:6px!important;height:6px!important}.idle-dots i.active{background:#c0e3cf!important;width:26px!important}
.cs-footer{border:0!important;padding-top:20px!important;color:#81958e!important;font-size:13px!important;letter-spacing:.3px}
.cs-items,.cs-side{border:1px solid #e0e9e2!important;border-radius:22px!important;box-shadow:none!important}.cs-row.head{background:#eff5f0!important;color:#456e60!important}.cs-total{background:linear-gradient(135deg,#164b3e,#24765c)!important;border-radius:16px!important}.cs-total strong{font-size:clamp(36px,3.6vw,64px)!important}.cs-success .check{background:#287858!important}.cs-success .details{border:1px solid #dce9e0;box-shadow:0 12px 40px #164b3e08}
@media(max-height:800px) and (min-width:851px){.customer-screen{padding:18px 28px!important}.cs-head{min-height:65px;padding-bottom:14px!important}.cs-brand img{width:46px!important;height:46px!important}.cs-brand strong{font-size:23px!important}.cs-idle{padding:3% 5%!important}.idle-copy h1{font-size:48px!important}.idle-clock{margin-top:24px!important}.idle-panel{min-height:280px;padding:26px!important}.idle-icon{width:72px!important;height:72px!important;font-size:34px!important;margin-bottom:16px!important}.idle-dots{margin-top:16px!important}.cs-footer{padding-top:12px!important}}
.customer-screen[data-layout=portrait] .cs-idle{grid-template-columns:1fr!important;gap:30px!important;padding:6%!important}.customer-screen[data-layout=portrait] .idle-panel{min-height:290px}.customer-screen[data-layout=portrait] .idle-copy h1{font-size:clamp(38px,7vw,66px)!important}
@media(orientation:portrait){.customer-screen[data-layout=auto] .cs-idle{grid-template-columns:1fr!important;gap:30px!important;padding:6%!important}}
@media(max-width:850px){.customer-screen{padding:18px!important}.cs-brand strong{font-size:22px!important}.cs-brand small{font-size:12px!important}.cs-brand img{width:48px!important;height:48px!important}.cs-badge{font-size:11px!important;padding:8px 12px!important}.cs-idle{grid-template-columns:1fr!important;gap:24px!important;padding:28px!important;overflow:auto!important}.idle-copy h1{font-size:40px!important}.idle-panel{min-height:260px;padding:26px!important}.idle-clock{margin-top:24px!important}}