/* Android-style responsive shell; desktop keeps the reference workspace. */
.app-bottom-nav,.app-notifications{display:none}.app-profile-avatar{display:none}.app-table-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain}.app-table-scroll table{min-width:560px}.app-section{margin:0}.app-section>summary{display:none}.app-section-content{display:block}
@media(max-width:900px){
html{scroll-padding-top:76px}body.workspace-ui{background:#052113;overscroll-behavior-y:contain}.topbar{position:sticky;top:0;z-index:30;min-height:60px;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:#092718f5;backdrop-filter:blur(14px);border-bottom:1px solid #24794f}.topbar-left small{display:none}.topbar-left strong{font-size:16px;font-weight:650;letter-spacing:-.2px}.topbar-left{gap:12px}.menu-toggle{width:40px;height:40px;border-radius:12px;padding:10px;background:#113d27;border-color:#246a47}.menu-toggle svg{width:18px;height:18px}.topbar-link,.user-button{display:none}.app-notifications{display:grid;place-items:center;width:40px;height:40px;border:1px solid #246a47;border-radius:12px;color:#b4f3d3;background:#113d27}.app-notifications svg{width:20px;height:20px}.app-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));background:#092718f5;backdrop-filter:blur(16px);border-top:1px solid #2e905f;box-shadow:0 -8px 28px #000b}.app-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;text-decoration:none;font-size:10px;font-weight:600;color:#88b59e;line-height:1.2}.app-tab-icon{display:grid;place-items:center;width:44px;height:28px;border:1px solid transparent;border-radius:9px}.app-tab svg{width:21px;height:21px}.app-tab.active{color:#92edc0}.app-tab.active .app-tab-icon{background:linear-gradient(135deg,#24b76e44,#1c7b4c66);border-color:#43d88e78;box-shadow:0 0 12px #24db8020}.workspace-ui main{padding:18px max(16px,env(safe-area-inset-right)) calc(90px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.workspace-footer{display:none}.hero-vx{padding-bottom:14px;margin-bottom:16px}.hero-vx small{font-size:9px;letter-spacing:.09em}.hero-vx h1{font-size:25px}.hero-vx p{font-size:12px;line-height:1.5;max-width:36em}.card{border-radius:14px;border-color:#2a734f;background:linear-gradient(140deg,#104028,#0a2b1b);padding:18px;box-shadow:inset 0 1px 0 #9befc50b,0 5px 18px #00000012}.card h2{font-size:16px;color:#eafbf2;border-bottom-color:#265f43}.card p{font-size:13px}.card small{font-size:12px}.grid{gap:14px}.card .cover{height:165px;border-radius:10px;border-color:#307c56}.stat{font-size:30px}.primary-link,.secondary-link,button{min-height:44px;border-radius:10px;font-size:13px}.primary-link,button.primary{background:linear-gradient(160deg,#36de8a,#22ae68);border-color:#4ace8c;box-shadow:0 4px 14px #24db801a}.card form>button.primary:only-of-type{width:100%}input,select,textarea{border-radius:10px;background:#082617;border-color:#306c4e;min-height:48px;font-size:16px;margin-bottom:17px}label{font-size:13px;color:#bbe1ce}.record{padding:14px 0}.record>strong{font-size:14px}.record small{font-size:12px}.pill{border-radius:7px;padding:5px 9px}.alert{border-radius:10px;font-size:13px}.page-sections{display:none}.member-stats .card{padding:16px}.member-stats .card>small{font-size:10px}.member-stats .stat{font-size:26px}.dashboard-stats .card{border-radius:12px}.vision-module{border-radius:12px;min-height:124px;border-color:#2c8156}.vision-module strong{font-size:13px}.vision-module small{font-size:11px}.dashboard-actions{gap:10px}.card[id],details[id]{scroll-margin-top:80px}
/* Account screens: a single identity card followed by focused settings rows. */
body[data-app-page="member-member.settings"] .hero-vx{display:none}.app-profile-card{text-align:center;padding:24px 18px}.app-profile-avatar{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 13px;border-radius:20px;background:linear-gradient(145deg,#32cf81,#16683f);border:1px solid #53df99;box-shadow:0 0 24px #24db8026;font-size:27px;font-weight:650;color:#e5fbf0}.app-profile-card h2{border:0;padding:0;margin-bottom:6px;font-size:20px}.app-profile-card p{font-size:12px;margin-bottom:10px}.app-profile-card .action-link{padding:6px 0;font-size:12px}.app-profile-card small{font-size:11px;color:#89c3a6}.app-section-card{padding:0;overflow:hidden}.app-section>summary{display:flex;align-items:center;gap:13px;list-style:none;min-height:68px;padding:15px 17px;margin:0;color:#e1faee;font-size:14px;font-weight:600}.app-section>summary::-webkit-details-marker{display:none}.app-section>summary:after{content:"";width:8px;height:8px;border-top:1.5px solid #89d8b0;border-right:1.5px solid #89d8b0;transform:rotate(45deg);margin-left:auto;flex:none}.app-section[open]>summary:after{transform:rotate(135deg)}.app-section[open]>summary{border-bottom:1px solid #276848}.app-section-icon{display:grid;place-items:center;width:36px;height:36px;background:#175737;border:1px solid #33845c;border-radius:11px;color:#84ebb8;flex:none}.app-section-icon svg{width:18px;height:18px}.app-section-content{padding:18px}.app-section:not([open])>.app-section-content{display:none}.app-section-content>h2{display:none}.app-section-content form:last-child{margin-bottom:0}.app-section-content>p:first-child{margin-top:0}.app-section-content form>button.primary:only-of-type{width:100%}.app-section-heading{display:block;line-height:1.35}.app-section-heading small{font-size:11px;font-weight:400;color:#88bda2;margin-top:3px}.app-table-scroll{border-radius:10px;border:1px solid #236343}.app-table-scroll table{margin:0}.sidebar-open .app-bottom-nav{visibility:hidden}aside{width:260px;max-width:85vw}.brand img{width:40px;height:40px}.nav-link{font-size:13px;min-height:44px;border-radius:10px}.nav-section h2{font-size:10px}.sidebar-caption{font-size:11px}.sidebar-footer .logout-button{min-height:44px;border-radius:10px}.sidebar-footer .account-mini .avatar{width:34px;height:34px}.sidebar-open .sidebar-overlay{backdrop-filter:blur(3px)}
}
@media(min-width:601px) and (max-width:900px){.app-bottom-nav{max-width:600px;margin:0 auto;border:1px solid #2e905f;border-bottom:0;border-radius:18px 18px 0 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}