.web-bottom-nav{display:none}
.web-network-notice{flex-shrink:0;padding:10px 18px;background:#fff0cf;color:#6c501f;font-size:12px;line-height:1.65}
.web-network-notice[hidden]{display:none}
.web-account-page{max-width:720px;margin:0 auto}.web-account-page .panel+.panel{margin-top:16px}
.web-account-page .panel-body p{line-height:1.75;margin:0 0 12px;overflow-wrap:anywhere}
.web-account-page .panel-body>.btn{margin:8px 8px 0 0}
.web-account-role{font-size:13px;color:#777}.web-account-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.web-install-steps{padding-left:24px;line-height:1.8}.web-install-steps li{margin-bottom:14px}
.moment-web[data-authenticated=false] .sidebar,.moment-web[data-authenticated=false] .top-actions,.moment-web[data-authenticated=false] .web-bottom-nav{display:none!important}
.moment-web[data-authenticated=false] #content>div:not(.loading){max-width:540px;margin:4vh auto;width:100%}
.moment-web[data-authenticated=false] .form-grid{grid-template-columns:1fr}
.moment-web[data-authenticated=false] .page-head h1{font-size:28px}.moment-web[data-authenticated=false] #content>.page{box-sizing:border-box}
.moment-web[data-authenticated=false] #content>div>p.muted{line-height:1.8;margin-top:20px;font-size:12px}
.web-scan-dialog{width:min(520px,100%);max-width:100%;max-height:94dvh;border:0;border-radius:20px;padding:0;color:#222;background:#fff}
.web-scan-dialog::backdrop{background:#0009}
.web-scan-body{padding:0 18px calc(20px + env(safe-area-inset-bottom));overflow:auto;max-height:calc(94dvh - 94px)}
.web-scan-camera{position:relative;background:#181818;border-radius:14px;overflow:hidden;aspect-ratio:4/3}
.web-scan-camera video{width:100%;height:100%;object-fit:cover}
.web-scan-guide{position:absolute;inset:26% 9%;border:2px solid #fff9;border-radius:9px;pointer-events:none}
.web-scan-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap!important;background:#fff!important;color:#222!important;border:0!important}
.web-scan-start[hidden]{display:none}
.web-scan-status{font-size:13px;line-height:1.7;color:#666;min-height:44px;margin:14px 0}
.web-scan-manual{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.web-scan-manual .field{flex:1 1 200px}.web-scan-manual input{font-size:16px;min-height:46px;width:100%;box-sizing:border-box}
.web-scan-manual .btn{min-height:46px}
@media screen{
 .moment-web.mobile-layout .topbar{padding-top:max(8px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
 .moment-web.mobile-layout .mobile-menu-button{display:none}
 .moment-web.mobile-layout .web-account-button{display:none}
 .moment-web.mobile-layout .web-bottom-nav{display:flex;flex-shrink:0;align-items:stretch;justify-content:space-around;gap:0;padding:7px max(8px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#fff;border-top:1px solid #e9e9e9}
 .moment-web.mobile-layout .web-bottom-nav .web-tab{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:0;box-shadow:none;color:#8b8b8b;font-size:10px;line-height:1.3;padding:5px 2px;min-width:0;min-height:49px;border-radius:9px}
 .moment-web.mobile-layout .web-tab svg{height:21px;width:21px}
 .moment-web.mobile-layout .web-tab.active{color:#1b1b1b;font-weight:600;background:#f4f4f4}
 .moment-web.mobile-layout .web-tab:disabled{opacity:.35}
 .moment-web.mobile-layout .toast-container{bottom:calc(82px + env(safe-area-inset-bottom))}
 .moment-web.mobile-layout.web-keyboard .web-bottom-nav{display:none}
 .moment-web.mobile-layout #dialog{padding-bottom:env(safe-area-inset-bottom)}
 .moment-web.mobile-layout .web-scan-dialog{margin:auto 0 0;max-height:96dvh;display:block}
 .moment-web.mobile-layout .web-scan-dialog:not([open]){display:none}
}
@media print{.web-bottom-nav,.web-network-notice,.web-scan-dialog{display:none!important}}
