/* Sidebar: website switcher, project menu, workspace menu, and tabs for grouped screens. */
.sidebar{overflow-y:auto}
.sidebar .brand{flex-shrink:0}
.site-switcher{margin:22px 0 14px;flex-shrink:0}
.site-switcher label{display:block;font-size:10px;font-weight:600;color:#949ca4;letter-spacing:1.4px;text-transform:uppercase;margin:0 2px 6px}
.site-switcher .site-select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:13px;font-weight:600;color:#1c2b24;text-overflow:ellipsis}
.site-switcher .site-select:focus-visible,.nav-item:focus-visible,.tab:focus-visible,.user-button:focus-visible,.switcher-status:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.switcher-status{display:flex;align-items:center;gap:7px;width:100%;margin:8px 0 0;padding:2px;background:none;color:var(--muted);font-size:11px;text-align:left}
.switcher-status:hover{color:var(--green)}
.switcher-add{margin:6px 0 0;padding:2px;font-size:12px}
.sidebar .project-nav{overflow:visible;flex-shrink:0}
.sidebar .nav-item{padding:10px 12px;margin-bottom:3px}
.sidebar .nav-item .nav-icon{font-size:17px}
.workspace-nav{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);flex-shrink:0}
.workspace-nav .nav-label{margin:0 12px 8px}
.workspace-nav .nav-item{font-size:12.5px}
.workspace-footer{margin-top:0;padding:10px 0 14px;flex-shrink:0}
.user-button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 6px;border-radius:8px;background:none;text-align:left}
.user-button:hover{background:#f4f6f5}
.user-button strong{display:block;font-size:12px;font-weight:600}
.user-button small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
nav.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:-8px 0 26px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}nav.tabs::-webkit-scrollbar{display:none}
.tab{padding:10px 14px;font-size:13px;color:#69737d;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tab:hover{color:var(--green)}
.tab.selected{color:var(--green);border-bottom-color:var(--green);font-weight:600}
.page-heading .button+.button{margin-left:8px}

.menu-toggle{display:none}
@media(max-width:720px){
  .sidebar{flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px 16px;overflow:visible}
  .sidebar .brand{order:1;margin-right:auto}
  .menu-toggle{order:2;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:13px;font-weight:600;color:#1c2b24}
  .menu-toggle[aria-expanded="true"]{background:var(--mint);color:var(--green);border-color:transparent}
  .site-switcher{order:3;flex:1 1 100%;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
  .site-switcher label,.switcher-add{display:none}
  .site-switcher .site-select{flex:1 1 180px;width:auto}
  .switcher-status{width:auto;margin:0}
  .sidebar .project-nav,.sidebar .workspace-nav{display:none;order:4;flex:1 1 100%;width:100%;max-width:none;margin:0;padding:0;border:0;flex-direction:column;gap:2px}
  .sidebar.menu-open .project-nav,.sidebar.menu-open .workspace-nav{display:flex}
  .sidebar .workspace-nav{order:5;padding-top:8px;border-top:1px solid var(--line)}
  .sidebar .workspace-nav .nav-label{display:block;margin:4px 12px 6px}
  .sidebar .project-nav .nav-item,.sidebar .workspace-nav .nav-item{font-size:14px;width:100%;padding:12px;margin:0;gap:12px;justify-content:flex-start}
  .sidebar .nav-item .nav-icon{font-size:17px}
  .sidebar .nav-item .nav-count{display:inline-block}
}