/* HatDocs 0.51.16: profile link replaces avatar + account-copy grid cells. */
.top-account.account{grid-template-columns:minmax(0,1fr) 34px;min-width:250px;width:310px;max-width:340px;margin-top:0;flex:0 1 310px;padding:10px;gap:10px}
.top-account .top-profile-link{display:flex;align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none;border-radius:8px}
.top-account .top-profile-link:focus-visible{outline:2px solid #1769e8;outline-offset:3px}
.top-account .avatar{flex:0 0 38px;width:38px;height:38px;aspect-ratio:1;border-radius:50%}
.top-account .account-copy{flex:1;min-width:0}
.top-account form{grid-column:2}
.sidebar nav.categorized-nav{display:block}
.nav-category{margin:5px 0;border:0}
.nav-category>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:10px 13px;color:#60738d;font-size:12px;font-weight:700;cursor:pointer;border-radius:9px;user-select:none}
.nav-category>summary::-webkit-details-marker{display:none}
.nav-category>summary:hover{background:#edf3fc;color:#1769e8}
.nav-category>summary:focus-visible{outline:2px solid #1769e8;outline-offset:-2px}
.nav-chevron{font-size:17px;line-height:1;transition:transform .15s}
.nav-category:not([open]) .nav-chevron{transform:rotate(-90deg)}
.sidebar .nav-category-items a{margin:3px 0;padding:10px 13px;font-size:13px;min-height:42px;gap:10px}
.sidebar .nav-category-items .nav-icon{width:19px;height:19px;flex:0 0 19px}
.sidebar .nav-category-items .nav-icon svg{width:19px;height:19px}
.nav-assistant{margin-top:10px;padding-top:8px;border-top:1px solid #e2e8f0}
@media(max-width:1000px) and (min-width:761px){.top-account.account{min-width:190px;flex-basis:240px}.app-topbar .top-search{flex:1;min-width:100px;width:auto}}
@media(max-width:760px){.top-account.account{grid-template-columns:34px 30px;min-width:0;width:auto;flex:0 0 auto;padding:5px;gap:7px}.top-account .avatar{flex-basis:34px;width:34px;height:34px}.top-account .account-copy{display:none}.top-account .top-logout{width:30px}.app-topbar{flex-wrap:wrap}.app-topbar .top-search{min-width:100px}}
