.sidebar-brand { padding:0; border:0; background:none; color:inherit; width:100%; text-align:left; font-size:26px; }
.brand > .brand-icon,.sidebar-logo > .brand-icon { display:block; width:34px; height:34px; flex-shrink:0; }
.sidebar-logo { position:relative; display:grid; place-items:center; width:38px; height:38px; flex-shrink:0; }
.sidebar-toggle-icon { position:absolute; inset:7px; width:24px; height:24px; opacity:0; color:#ff9f43; }
.sidebar-expand-arrow { display:none; }
.brand-wordmark .brand-dot { margin-left:0; }
.sidebar .nav-link > .nav-label { font-size:inherit; line-height:1.5; }
.sidebar .nav-icon { display:grid; place-items:center; width:24px; height:24px; flex-shrink:0; }
.sidebar .profile { border-radius:12px; }
.profile-avatar { border:2px solid var(--peach); overflow:hidden; }
.profile-avatar img { display:block; width:100%; height:100%; object-fit:cover; border-radius:50%; }
.sidebar-brand:focus-visible,.sidebar .profile:focus-visible { outline:2px solid #ff9f43; outline-offset:5px; }
.account-summary { display:flex; align-items:center; gap:18px; margin-bottom:28px; }
.account-summary h2 { margin:0 0 4px; }
.account-summary p { margin:0; font-size:14px; overflow-wrap:anywhere; }
.account-summary > div { min-width:0; }
.account-avatar { width:72px; height:72px; font-size:28px; background:var(--peach); color:#142238; }
.account-logout { margin-top:24px; }
@media screen and (min-width:761px) {
  .sidebar { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:44px 60px auto minmax(0,1fr) 44px 36px; padding-top:37px; padding-bottom:22px; transition:width .18s,padding-inline .18s; }
  .sidebar-brand { height:44px; min-width:0; overflow:hidden; }
  .sidebar .sidebar-caption { margin:12px 0 0 6px; align-self:start; white-space:nowrap; }
  #sidebar-navigation { display:flex; flex-direction:column; gap:8px; min-width:0; margin:0; }
  .sidebar .nav-link { height:44px; min-height:44px; margin:0; padding:10px 12px; min-width:0; }
  .sidebar .nav-label { white-space:nowrap; overflow:hidden; }
  .sidebar .sidebar-note { align-self:end; min-height:0; max-height:100%; overflow:hidden; margin:16px 0 0; }
  .sidebar .profile { min-height:44px; height:44px; margin:0; align-self:center; }
  .sidebar .profile-text { white-space:nowrap; overflow:hidden; }
  .sidebar .logout { margin:0 0 0 49px; align-self:end; }
  .app-layout > .workspace { transition:margin-left .18s; }
  .sidebar-brand:hover .brand-icon,.sidebar-brand:focus-visible .brand-icon { opacity:0; }
  .sidebar-brand:hover .sidebar-toggle-icon,.sidebar-brand:focus-visible .sidebar-toggle-icon { opacity:1; }
  .sidebar-collapsed > .sidebar { width:80px; padding-inline:12px; justify-items:center; }
  .sidebar-collapsed > .workspace { margin-left:80px; }
  .sidebar-collapsed .sidebar-brand { width:44px; height:44px; justify-content:center; }
  .sidebar-collapsed .brand-wordmark,.sidebar-collapsed .sidebar .nav-label,.sidebar-collapsed .sidebar .profile-text { display:none; }
  .sidebar-collapsed .sidebar-caption,.sidebar-collapsed .sidebar-note,.sidebar-collapsed .sidebar .logout { visibility:hidden; pointer-events:none; }
  .sidebar-collapsed #sidebar-navigation { width:44px; }
  .sidebar-collapsed .sidebar .nav-link { width:44px; min-height:44px; margin:0; padding:10px; justify-content:center; }
  .sidebar-collapsed .sidebar .profile { width:44px; justify-content:center; }
  .sidebar-collapsed .sidebar-collapse-arrow { display:none; }
  .sidebar-collapsed .sidebar-expand-arrow { display:block; }
}
@media screen and (max-width:760px) {
  .sidebar-brand { width:auto; cursor:default; }
  .sidebar-brand:disabled { opacity:1; }
}
@media(prefers-reduced-motion:reduce) { .sidebar,.app-layout > .workspace { transition:none; } }
