/* Animate the shell and labels separately; icons keep the same horizontal position. */
@media screen and (min-width:901px){
 .app-shell.sidebar-auto-expand{padding-left:84px}
 .sidebar-auto-expand>.desktop-sidebar{--sidebar-reveal:0;--sidebar-label-shift:-8px;width:84px;padding:24px 12px;overflow-x:hidden;z-index:30;box-shadow:0 0 0 #061c1d00;transition:width .38s cubic-bezier(.22,1,.36,1),box-shadow .32s ease}
 .sidebar-auto-expand .desktop-sidebar .brand{justify-content:flex-start;padding:0 4px;margin:0 0 22px}
 .sidebar-auto-expand .desktop-sidebar .tm-brand-lockup{justify-content:flex-start;gap:11px}
 .sidebar-auto-expand .desktop-sidebar .tm-brand-mark{flex-shrink:0}
 .sidebar-auto-expand .desktop-sidebar .tm-brand-copy{display:block;flex:0 0 160px;white-space:nowrap;opacity:var(--sidebar-reveal);transform:translateX(var(--sidebar-label-shift));visibility:hidden;transition:opacity .14s ease,transform .22s ease,visibility 0s linear .18s}
 .sidebar-auto-expand .desktop-sidebar .branch-scope-selectors{display:grid;max-height:0;min-height:0;overflow:hidden;margin:0;opacity:0;visibility:hidden;transform:translateY(-5px);transition:max-height .3s cubic-bezier(.22,1,.36,1),margin .3s ease,opacity .12s ease,transform .2s ease,visibility 0s linear .22s}
 .sidebar-auto-expand .desktop-sidebar .sidebar-navigation-section{padding-top:12px;border-top:1px solid #70cfc326}
 .sidebar-auto-expand .desktop-sidebar .sidebar-section-title{display:block;max-height:0;margin:0;padding:0 10px;overflow:hidden;white-space:nowrap;opacity:0;transition:max-height .3s ease,padding .3s ease,opacity .12s ease}
 .sidebar-auto-expand .desktop-sidebar .sidebar-section-title::before{display:none}
 .sidebar-auto-expand .desktop-sidebar nav a{justify-content:flex-start;gap:12px;min-height:48px;padding:9px 10px;border-radius:12px;white-space:nowrap}
 .sidebar-auto-expand .desktop-sidebar nav a:is(:hover,.active){transform:none}
 .sidebar-auto-expand .desktop-sidebar nav i{flex:0 0 32px;width:32px;height:32px;margin:0}
 .sidebar-auto-expand .desktop-sidebar nav a>span{display:block;flex:0 0 172px;opacity:var(--sidebar-reveal);visibility:hidden;transform:translateX(var(--sidebar-label-shift));transition:opacity .12s ease,transform .22s ease,visibility 0s linear .18s}
 /* The open select holds the panel while pointer travels to its portalled options. */
 .sidebar-auto-expand>.desktop-sidebar:is(:hover,:has(:focus-visible),:has(.styled-select-trigger[aria-expanded=true]),.sidebar-is-pinned>.desktop-sidebar){--sidebar-reveal:1;--sidebar-label-shift:0px;width:260px;box-shadow:12px 0 32px #061c1d30}
 .sidebar-auto-expand .desktop-sidebar:is(:hover,:has(:focus-visible),:has(.styled-select-trigger[aria-expanded=true]),.sidebar-is-pinned>.desktop-sidebar) :is(.tm-brand-copy,nav a>span){visibility:visible;transition:opacity .24s ease .08s,transform .34s cubic-bezier(.22,1,.36,1) .06s,visibility 0s}
 .sidebar-auto-expand .desktop-sidebar:is(:hover,:has(:focus-visible),:has(.styled-select-trigger[aria-expanded=true]),.sidebar-is-pinned>.desktop-sidebar) .branch-scope-selectors{max-height:120px;margin-bottom:20px;opacity:1;visibility:visible;transform:translateY(0);transition:max-height .38s cubic-bezier(.22,1,.36,1),margin .38s ease,opacity .24s ease .09s,transform .32s ease .05s,visibility 0s}
 .sidebar-auto-expand .desktop-sidebar:is(:hover,:has(:focus-visible),:has(.styled-select-trigger[aria-expanded=true]),.sidebar-is-pinned>.desktop-sidebar) .sidebar-section-title{max-height:48px;padding:15px 10px 9px;opacity:1;transition:max-height .38s ease,padding .38s ease,opacity .24s ease .08s}
}
/* Keep laptop navigation available at browser widths reduced by OS/browser scaling. */
@media screen and (min-width:901px){
 .app-shell.sidebar-auto-expand>.desktop-sidebar{display:block}
 .app-shell.sidebar-auto-expand>.mobile-app-bar{display:none}
 .app-shell.sidebar-auto-expand.sidebar-is-pinned{padding-left:260px}
 .sidebar-auto-expand .sidebar-pin{position:absolute;right:12px;top:29px;z-index:1;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #70cfc366;border-radius:11px;background:#214448;color:#c6eee7;box-shadow:0 3px 10px #061c1d24;opacity:0;visibility:hidden;transition:opacity .18s ease,background .18s ease}
 .sidebar-auto-expand>.desktop-sidebar:is(:hover,:has(:focus-visible),:has(.styled-select-trigger[aria-expanded=true]),.sidebar-is-pinned>.desktop-sidebar) .sidebar-pin{opacity:1;visibility:visible}
 .sidebar-auto-expand .sidebar-pin:hover{background:#28595a;color:#fff;border-color:#68cfc3}
 .sidebar-auto-expand .sidebar-pin[aria-pressed=true]{background:#159d91;color:#fff;border-color:#7ce4d7;box-shadow:0 0 0 2px #159d9126}
 .sidebar-auto-expand .sidebar-pin svg{width:20px;height:20px;transform:rotate(35deg);transition:transform .2s ease}
 .sidebar-auto-expand .sidebar-pin[aria-pressed=true] svg{transform:rotate(0deg)}
 .sidebar-auto-expand .sidebar-pin:focus-visible{outline:2px solid #91d6c9;outline-offset:3px}
 .sidebar-auto-expand .desktop-sidebar .brand{width:calc(100% - 42px);margin-bottom:24px}
 .sidebar-auto-expand .desktop-sidebar .tm-brand-lockup{gap:8px}
 .sidebar-auto-expand .desktop-sidebar .tm-brand-copy{flex:0 0 128px}
 .sidebar-auto-expand .desktop-sidebar .tm-brand-wordmark{font-size:18px}
 .sidebar-auto-expand .desktop-sidebar .branch-selector{padding:0}
 .sidebar-auto-expand .desktop-sidebar .branch-selector .styled-select-trigger{justify-content:space-between}
 .sidebar-auto-expand .desktop-sidebar .branch-selector .styled-select-trigger>span{display:block}
}
/* Compact spacing, without zooming text, documents, dialogs or printed labels. */
@media screen and (min-width:901px) and (max-width:1440px), screen and (min-width:901px) and (max-height:800px){
 .app-shell.sidebar-auto-expand>.content{padding:18px 20px;max-width:none}
 .sidebar-auto-expand>.desktop-sidebar{padding-top:16px;padding-bottom:16px}
 .sidebar-auto-expand .sidebar-pin{top:21px}
 .sidebar-auto-expand .desktop-sidebar nav{gap:4px}
 .sidebar-auto-expand .desktop-sidebar nav a{min-height:40px;padding:4px 10px;font-size:13px}
 .sidebar-auto-expand .desktop-sidebar .sidebar-section-title{font-size:11px}
 .sidebar-auto-expand .desktop-sidebar:is(:hover,:has(:focus-visible),:has(.styled-select-trigger[aria-expanded=true]),.sidebar-is-pinned>.desktop-sidebar) .sidebar-section-title{padding-top:10px;padding-bottom:6px}
 .sidebar-auto-expand>.content .topbar{padding:14px 18px;margin-bottom:18px;gap:12px;flex-wrap:wrap}
 .sidebar-auto-expand>.content .topbar-actions{gap:8px;flex-wrap:wrap;max-width:100%}
 .sidebar-auto-expand>.content .topbar h1{font-size:24px}
 .sidebar-auto-expand>.content .topbar p{font-size:12px;margin-top:5px}
 .sidebar-auto-expand>.content .panel:not(.table-wrap){padding:18px}
 .sidebar-auto-expand>.content .panel h2{font-size:20px}
 .sidebar-auto-expand>.content :is(.two-col,.stats-grid){gap:14px}
}
@media screen and (max-width:900px){.sidebar-auto-expand .sidebar-pin{display:none}}
@media(prefers-reduced-motion:reduce){.sidebar-auto-expand>.desktop-sidebar,.sidebar-auto-expand .desktop-sidebar :is(.tm-brand-copy,.branch-scope-selectors,.sidebar-section-title,nav a>span,.sidebar-pin){transition:none!important;transform:none!important}}