.mobile-member-sections{display:none}
.account-menu-button{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:8px;color:var(--cyan-deep);background:var(--soft)}.account-menu-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.account-menu-dialog{width:min(380px,calc(100% - 32px));padding:20px;border:1px solid var(--line);border-radius:14px;color:var(--text);background:white}.account-menu-dialog::backdrop{background:rgba(10,26,31,.45)}.account-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-menu-head button{min-width:44px;min-height:44px;font-size:24px;background:var(--soft);border:1px solid var(--line);border-radius:8px}.account-menu-dialog>a{display:flex;align-items:center;min-height:48px;padding:10px;border-bottom:1px solid var(--line);font-weight:700}.board-tasks-view .bd-columns{grid-template-columns:minmax(0,1fr)}.board-tasks-view .bd-columns>aside{display:none}
@media(max-width:820px){
 .mobile-member-sections{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.mobile-member-sections a{padding:12px;border:1px solid var(--line);border-radius:8px;font-weight:700;background:var(--soft)}.mobile-member-sections a.active{background:var(--cyan-dark);color:white}
 :root{--cad-nav-lift:calc(16px + env(safe-area-inset-bottom,0px))}
 .content{padding-top:max(20px,env(safe-area-inset-top,0px));padding-bottom:calc(108px + var(--cad-nav-lift))!important}
 .mobile-bottom-nav{left:8px;right:8px;bottom:var(--cad-nav-lift);padding:8px;border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 30px rgba(5,94,112,.2)}
 .mobile-bottom-nav a,.mobile-bottom-nav button{min-height:60px;position:relative;padding:5px 0}
 .mobile-bottom-nav span{position:relative;width:30px;height:27px}
 .mobile-bottom-nav small{font-size:10px;line-height:1.2}
 .mobile-bottom-nav .mobile-message-count{position:absolute;right:-12px;top:-6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 3px;border-radius:12px;color:white;background:#b12b35;border:2px solid white;font-size:10px;line-height:1}
 .mobile-bottom-nav button.active{color:white;background:var(--cyan-dark)}
 .mobile-bottom-nav button.active span{color:white;background:rgba(255,255,255,.18)}
 .mobile-nav-dialog[open]{bottom:var(--cad-nav-lift);left:8px;right:8px;width:calc(100% - 16px);max-height:calc(100dvh - var(--cad-nav-lift) - 24px);border-radius:16px}
 .mobile-nav-sheet{max-height:calc(100dvh - var(--cad-nav-lift) - 24px);padding-bottom:20px}
 .mobile-nav-group a{min-height:48px}
 .mobile-nav-head button{min-width:44px;min-height:44px}
 .topbar-actions{width:100%;justify-content:flex-end}
 .topbar .inbox-topbar-link{display:none}
 .topbar .user-chip{display:grid;grid-template-columns:36px minmax(0,1fr) 44px;width:100%;gap:10px;padding:10px}
 .topbar .user-chip strong,.topbar .user-chip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:360px){.mobile-bottom-nav{left:4px;right:4px;gap:1px;padding:6px 3px}.mobile-bottom-nav small{font-size:9px}}

@media(max-width:820px){.topbar .user-chip>span:nth-child(2){min-width:0}.topbar .user-chip strong{display:block;max-width:100%}.topbar .user-chip strong a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}


.task-target-highlight{outline:3px solid var(--cyan-dark);outline-offset:-3px;background:#e4f5f8!important}tr[id^="profile-request-"]:target{outline:3px solid var(--cyan-dark);outline-offset:-3px;scroll-margin-top:20px}
@media(max-width:820px){
 .content>.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:20px;min-width:0}
 .hero h1{font-size:clamp(24px,6.5vw,32px);line-height:1.18;overflow-wrap:anywhere}
 .hero p{line-height:1.5;overflow-wrap:anywhere}
 .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0}
 .hero-actions a,.hero-actions button{display:flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;box-sizing:border-box}
 .content-grid.two-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
 .content-grid>*{min-width:0}
 .bd-task-actions{display:flex;flex-wrap:wrap;gap:10px}.bd-task-actions a,.bd-task-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:normal}
}

/* Keep the mobile dock outside page grids and anchor it from the top of the viewport. */
.mobile-nav-anchor{display:none}
@media(max-width:820px){
 .mobile-nav-anchor{display:block;position:fixed;inset:0 0 auto 0;width:100%;height:100%;height:100dvh;z-index:60;pointer-events:none;overflow:visible}
 .mobile-nav-anchor>.mobile-bottom-nav{position:absolute;top:auto;bottom:var(--cad-nav-lift);pointer-events:auto;transform:none;transition:none}
 .mobile-nav-anchor.is-keyboard-open{visibility:hidden;pointer-events:none}
 .mobile-nav-anchor.is-keyboard-open>.mobile-bottom-nav{pointer-events:none}
}