/* Shared employee app shell; desktop design previews retain their framing. */
html{background:#292b49}button,a,input{touch-action:manipulation}input,select,textarea{font-size:16px!important}button:focus-visible,a:focus-visible{outline:2px solid #a6d9ff;outline-offset:4px}.install-app{width:100%;margin-top:16px;border:0;cursor:pointer;font:inherit;font-size:13px;min-height:48px}.install-help{font-size:12px;line-height:1.7;color:#344864;background:#e4e7f0;border-radius:16px;padding:18px;margin-top:12px}.install-help[hidden]{display:none}
@media(max-width:700px),(display-mode:standalone){
 html,body{width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}body{display:block;background:#292b49}.study{display:block;width:100%;margin:0}.notes{display:none!important}
 .phone{width:100%;max-width:none;height:100svh;height:100dvh;min-height:0;max-height:none;border-radius:0;box-shadow:none;margin:0;padding:max(20px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain}
 .status,.homebar{display:none!important}.restaurant-top,.top{flex-shrink:0}.restaurant-top{margin-bottom:22px}.round{min-width:44px;min-height:44px}.restaurant-list,.voucher-history,.account-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.restaurant-list{max-height:none}.restaurant-footer{flex-shrink:0}.search,.intro,.list-meta{flex-shrink:0}.search input{min-width:0}.restaurant-item{min-width:0}.restaurant-info{min-width:0}.restaurant-info small{overflow-wrap:anywhere}
 .poster{min-height:300px;flex:1;padding-top:clamp(15px,4vh,40px)}.poster .month{margin-top:auto}.poster .clock{margin-bottom:clamp(15px,4vh,54px)}.balance-art{height:clamp(190px,28vh,260px);flex-shrink:0}.home-nav{flex-shrink:0;margin:0 -6px;padding:18px 0 14px}.home-nav .shortcut{min-width:0;flex:1;font-size:11px}.footer-note{flex-shrink:0;margin:16px 0 0}.pay-bottom{flex-shrink:0}#checkout-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 3px 20px;margin:0 -3px}
 .login-shell{width:100%;min-height:100svh;border-radius:0;box-shadow:none}.login-content{padding-left:max(28px,env(safe-area-inset-left));padding-right:max(28px,env(safe-area-inset-right));padding-bottom:max(30px,env(safe-area-inset-bottom))}dialog{max-width:calc(100% - 28px);max-height:calc(100dvh - 40px);overflow:auto}
}
@media(max-width:700px) and (max-height:650px){.phone{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.poster{min-height:280px;padding-top:12px}.balance-art{height:185px}.balance-art .disc{width:165px;height:165px}.poster .clock{margin-bottom:16px;font-size:26px}.home-nav{padding:12px 0}.home-nav .shortcut{gap:6px}.footer-note{margin:10px 0 0}.restaurant-top{margin-bottom:16px}.scan-intro{margin-bottom:12px}.camera-surface{flex-shrink:0;min-height:180px}}
@media(orientation:landscape) and (max-height:550px){.phone{height:auto;min-height:100dvh;overflow:visible}.restaurant-list,.voucher-history,.account-scroll,#checkout-content{overflow:visible;flex:none}.poster{min-height:340px}.login-content{padding-top:220px}.brand{top:30px}}