.connectivity-status{position:fixed;left:50%;bottom:18px;z-index:40;transform:translateX(-50%);padding:9px 14px;border-radius:999px;background:#27332f;color:#fff;font-size:11px;font-weight:800;box-shadow:0 10px 30px #0003}.connectivity-status.online{background:#167455}.install-app-button{width:auto!important;min-width:38px;padding:0 11px!important;font-size:11px;font-weight:800;color:var(--brand)!important}.mobile-scrim{display:none}.pwa-update{position:fixed;right:18px;bottom:18px;z-index:41;display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:10px;background:#102e25;color:#fff;box-shadow:0 12px 34px #102e2540;font-size:11px}.pwa-update button{border:0;border-radius:7px;padding:8px 11px;background:#e9b94f;color:#15392d;font-weight:800}.notification-preferences{margin-top:14px;padding:18px}.preference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.preference-option{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fbfdfc}.preference-option input{margin-top:3px}.preference-option strong,.preference-option small{display:block}.preference-option small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.4}.preference-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.email-readiness{padding:12px;border-radius:9px;background:#f4f7f5;font-size:10px;color:var(--muted)}
@media(max-width:800px){body.menu-open{overflow:hidden}.app-shell>aside{top:0;bottom:0;height:100dvh;overflow-y:auto;box-shadow:18px 0 42px #071c1660}.menu-open .mobile-scrim{display:block;position:fixed;inset:0;z-index:4;background:#071c1673}.app-shell main{width:100%;overflow:hidden}.app-shell header{height:68px;position:sticky;top:0;z-index:3}.app-shell header>div:first-of-type{min-width:0}.app-shell header h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45vw}.content{padding:18px 12px 40px}.page-title,.welcome{display:grid;gap:13px;align-items:start}.page-title>button,.page-title>.header-actions,.welcome>button{width:100%}.panel{padding:16px}.member-stats,.metrics{grid-template-columns:1fr 1fr!important;gap:10px}.member-stats article,.metrics article{min-width:0;padding:14px}.member-stats strong,.metrics strong{font-size:18px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-inline:-16px;padding-inline:16px}.table-wrap table{min-width:760px}.member-toolbar,.report-toolbar,.audit-toolbar{grid-template-columns:1fr!important;display:grid!important;gap:9px}.member-toolbar>*{width:100%}.teller-layout,.settings-layout,.billing-layout,.product-layout,.report-layout,.notification-layout,.compliance-grid{grid-template-columns:1fr!important}.billing-current,.billing-settings,.settings-pair,.branding-fields,.form-grid,.admin-form,.product-form,.compliance-form,.compliance-pack-form{grid-template-columns:1fr!important}.span-2,.span-all{grid-column:auto!important}.modal{align-items:flex-end}.modal-card,.organization-card,.profile-card,.security-card,.payment-reminder-card{width:100%!important;max-width:none!important;max-height:94dvh!important;border-radius:18px 18px 0 0!important;overflow-y:auto}.modal-head{position:sticky;top:0;z-index:2;background:#fff}.modal-actions{position:sticky;bottom:0;background:#fff}.notification-row{grid-template-columns:28px 1fr!important}.notification-row>button{grid-column:2}.preference-grid{grid-template-columns:1fr}.preference-actions{align-items:stretch;flex-direction:column}.preference-actions button{width:100%}.payment-reminder-banner{position:sticky;top:68px}.user-actions,.platform-actions,.application-status-actions{white-space:normal;flex-wrap:wrap}.user-actions button{flex:1 1 auto}.product-card .panel-head{display:grid;gap:12px}.product-card .panel-head button{width:100%}.portfolio-foot{display:grid;grid-template-columns:1fr 1fr}.chart,.portfolio-live{min-height:150px}.pwa-update{left:12px;right:12px;bottom:12px}.install-app-button{display:block}.onboarding-cta{grid-template-columns:1fr}.login-panel{padding:24px 18px}.login-card h2{font-size:30px}.trust-row{flex-wrap:wrap}}
@media(max-width:480px){.member-stats,.metrics{grid-template-columns:1fr!important}.header-actions{gap:6px}.header-actions .avatar{margin-left:0}.header-actions .install-app-button{font-size:0;padding:0!important;width:38px!important}.header-actions .install-app-button:before{content:'⇩';font-size:16px}.payment-reminder-banner{display:grid}.payment-reminder-banner button{width:100%}.portfolio-foot{grid-template-columns:1fr}.type-switch{grid-template-columns:1fr}.login-card{width:100%}}
@media(display-mode:standalone){.install-app-button{display:none!important}body{overscroll-behavior-y:none}.app-shell header{padding-top:env(safe-area-inset-top);height:calc(68px + env(safe-area-inset-top))}.app-shell>aside{padding-top:calc(25px + env(safe-area-inset-top));padding-bottom:calc(25px + env(safe-area-inset-bottom))}}