/* Equal spacing between the title, account tabs and navigation controls. */
.account-page .dao-header.has-account-tabs{gap:12px;justify-content:flex-start}
.account-page .dao-header-actions{gap:12px;flex:0 1 auto}
.account-page .dao-header-actions>nav{gap:12px}
.account-page .dao-header-actions>nav:last-child{margin-left:0}
/* Only the requests view occupies the viewport. Other account views keep page scrolling. */
html:has(.account-page .requests-list),body:has(.account-page .requests-list){height:100%;overflow:hidden}
body:has(.account-page .requests-list){height:100dvh;overscroll-behavior:none}
.md-login.account-page:has(.requests-list){box-sizing:border-box;height:100dvh;min-height:0;padding-block:0 24px;overflow:hidden}
.account-page:has(.requests-list)>.account-layout{box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:0;padding-block:0}
.account-page:has(.requests-list) .dao-header{flex:none;margin-bottom:24px}
.account-page:has(.requests-list) .requests-course-action{flex:none;margin:0 0 24px}
.account-page:has(.requests-list) .requests-section-title{flex:none;margin:0 0 24px}
.account-page:has(.requests-list) .dashboard-grid{flex:1 1 0%;min-height:0;overflow:hidden;padding-block:2px}
.account-page:has(.requests-list) .requests-list{box-sizing:border-box;display:grid;align-content:start;gap:24px;height:100%;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#82718f #211a2b;padding:2px 12px 2px 2px;scroll-behavior:smooth}
.account-page:has(.requests-list) .requests-list>.order{margin:0}
.account-page:has(.requests-list) .dashboard-grid>.profile{box-sizing:border-box;max-height:100%;overflow-y:auto;margin:0;scrollbar-width:thin}
.account-page:has(.requests-list) .requests-list:focus-visible{outline:2px solid #80ff00;outline-offset:-2px}
.account-page:has(.requests-list) .account-layout>.notice,.account-page:has(.requests-list) .account-layout>.md-login-error{flex:none;max-height:15vh;overflow-y:auto}
@media(max-width:900px){
 .account-page .dao-header.has-account-tabs{flex-direction:column;align-items:stretch;gap:12px}
 .account-page .dao-header-actions{flex:none;margin:0 -8px;padding:8px}
}
@media(max-width:800px){
 .account-page:has(.requests-list) .dashboard-grid{display:flex;flex-direction:column;gap:24px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}
 .account-page:has(.requests-list) .requests-list{flex:none;width:100%;height:auto;max-height:none;overflow:visible;padding:2px}
 .account-page:has(.requests-list) .dashboard-grid>.profile{flex:none;width:100%;max-height:none;overflow:visible}
}
@media(prefers-reduced-motion:reduce){.account-page:has(.requests-list) .requests-list{scroll-behavior:auto}}