/* Same nodes and fixed row geometry in both states; only clipping width changes. */
body.gj-sidebar-auto .service-sidebar:not([data-gj-menu-ready]){transition:none!important}
body.gramjet-shell-active.gj-sidebar-auto .gramjet-shell{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important}
body.gramjet-shell-active.gj-sidebar-auto .service-content{grid-column:2}
body.gramjet-shell-active.gj-sidebar-auto .service-sidebar{position:fixed!important;left:0!important;top:0!important;width:76px!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;display:block!important;padding:0!important;box-sizing:border-box;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin;scrollbar-gutter:stable;overflow-anchor:none;z-index:900;transform:none!important;visibility:visible;transition:width 160ms ease;overscroll-behavior:contain}
body.gramjet-shell-active.gj-sidebar-auto.gj-sidebar-open .service-sidebar{width:284px!important;box-shadow:8px 0 28px #102c4930}
body.gj-sidebar-auto .service-sidebar .gj-menu-item:not(.hidden):not([hidden]){display:grid!important;grid-template-columns:56px 188px!important;column-gap:10px!important;align-items:center!important;box-sizing:border-box!important;width:264px!important;min-width:264px!important;max-width:264px!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:2px 10px!important;padding:0!important;border:0!important;border-radius:9px!important;font-size:0!important;white-space:nowrap!important;line-height:1!important;flex:none!important;position:relative;text-decoration:none;cursor:pointer}
body.gj-sidebar-auto .service-sidebar .gj-menu-item::first-letter{font-size:0!important}
/* Keep visual defaults below interaction states in specificity; geometry stays fixed. */
body.gj-sidebar-auto .service-sidebar .gj-menu-item{text-align:left!important;isolation:isolate;background:#ffffff0b;color:inherit;box-shadow:none}
body.gj-sidebar-auto .service-sidebar .gj-menu-item>.gj-menu-label{text-align:left!important}
body.gj-sidebar-auto .service-sidebar .gj-menu-item:not(.hidden):not([hidden]){width:260px!important;min-width:260px!important;max-width:260px!important}
body.gj-sidebar-auto .service-sidebar .gj-menu-item>.gj-menu-label{display:block!important;grid-column:2;grid-row:1;width:188px!important;min-width:0;max-width:188px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;font:500 15px/1.4 Arial,sans-serif!important;opacity:0;transition:opacity 100ms ease;pointer-events:none}
body.gj-sidebar-auto .service-sidebar .gj-menu-item>.gj-menu-icon,body.gj-sidebar-auto .service-sidebar .gj-menu-icon{display:grid!important;grid-column:1;grid-row:1;place-items:center;width:56px!important;height:44px!important;min-width:56px;flex:none!important;transform:translateZ(0);font-size:0!important;line-height:1!important}
body.gj-sidebar-auto .service-sidebar .gj-menu-icon svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
body.gj-sidebar-auto .service-sidebar .gj-menu-item:where(:not([aria-disabled=true]):not(:disabled)):hover{background:#ffffff24;color:#fff}
body.gj-sidebar-auto .service-sidebar .gj-menu-item:is(.active,[aria-current=page]){background:#326685;box-shadow:inset 3px 0 #8ed0ff;color:#fff}
body.gj-sidebar-auto.gpw-in-project .service-sidebar .gj-menu-item:is(.active,[aria-current=page]){background:var(--project-color,#326685)!important;color:var(--project-ink,#fff)!important;box-shadow:inset 3px 0 currentColor!important}
body.gj-sidebar-auto .service-sidebar .gj-menu-item[aria-disabled=true]{opacity:.55}
body.gj-sidebar-auto.gj-sidebar-open .service-sidebar .gj-menu-label{opacity:1;pointer-events:auto}
body.gj-sidebar-auto .service-sidebar .gj-menu-item:focus-visible,body.gj-sidebar-auto .service-sidebar .gj-sidebar-close:focus-visible{outline:2px solid #8ed0ff;outline-offset:-3px}
body.gj-sidebar-auto .service-sidebar :is(.service-nav.hidden,[hidden]){display:none!important}
/* Original home control, plus one pin/collapse toolbar. */
body.gj-sidebar-auto .service-sidebar .service-sidebar-brand{position:relative!important;display:block!important;box-sizing:border-box!important;width:264px!important;height:70px!important;min-height:70px!important;max-height:70px!important;margin:0 10px!important;padding:0!important;overflow:hidden}
body.gj-sidebar-auto .service-sidebar .service-sidebar-brand::before{content:'G';position:absolute;left:10px;top:16px;display:block;width:36px!important;height:36px!important;min-width:36px!important;margin:0!important;background:#326685;color:#deedfa;border-radius:10px;font:600 25px/36px Arial,sans-serif!important;text-align:center}
body.gj-sidebar-auto .service-sidebar .service-sidebar-brand strong{position:absolute!important;left:66px!important;top:13px!important;font:600 26px/34px Arial,sans-serif!important;white-space:nowrap;opacity:0;transition:opacity 100ms ease}
body.gj-sidebar-auto .service-sidebar .service-sidebar-brand .gj-context{left:66px!important;top:47px!important;width:188px!important;font-size:12px!important;opacity:0}
body.gj-sidebar-auto.gj-sidebar-open .service-sidebar .service-sidebar-brand :is(strong,.gj-context){opacity:1}
.gj-sidebar-toolbar[hidden]{display:none!important}
body.gj-sidebar-auto .service-sidebar .service-sidebar-brand{width:260px!important}
body.gj-sidebar-auto .service-sidebar .gj-sidebar-toolbar{position:relative;display:block;width:284px;height:48px;margin:0;padding:0;border:0}
body.gj-sidebar-auto .service-sidebar .gj-sidebar-pin{background:transparent!important}
body.gj-sidebar-auto .service-sidebar .gj-sidebar-pin[aria-pressed=true]{color:#8ed0ff;background:#ffffff16!important}
body.gj-sidebar-auto .service-sidebar .gj-sidebar-pin[aria-pressed=true] svg{transform:rotate(-35deg)}
body.gj-sidebar-auto .service-sidebar .gj-sidebar-close{position:absolute;left:236px;top:2px;display:block;width:38px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;opacity:0;pointer-events:none;cursor:pointer;box-shadow:none}
body.gj-sidebar-auto .service-sidebar .gj-sidebar-close .gj-menu-icon{width:38px!important;min-width:38px}
body.gj-sidebar-auto.gj-sidebar-open .service-sidebar .gj-sidebar-close{opacity:1;pointer-events:auto}
/* Headings reserve equal space, even when their labels are concealed. */
body.gj-sidebar-auto .service-sidebar .service-sidebar-caption{box-sizing:border-box;position:relative;display:block;width:264px;height:28px!important;min-height:28px!important;margin:0 10px!important;padding:7px 14px 3px!important;font:500 11px/18px Arial,sans-serif!important;white-space:nowrap;color:transparent!important}
body.gj-sidebar-auto .service-sidebar .service-sidebar-caption::after{content:'';position:absolute;left:14px;top:14px;width:28px;height:1px;background:#ffffff30}
body.gj-sidebar-auto.gj-sidebar-open .service-sidebar .service-sidebar-caption{color:#b7d3e9!important}
body.gj-sidebar-auto.gj-sidebar-open .service-sidebar .service-sidebar-caption::after{opacity:0}
/* Original projects, links and drag handles, with stable width in both states. */
body.gj-sidebar-auto .service-sidebar .gp-projects{width:284px!important;margin:0!important;padding:0!important}
body.gj-sidebar-auto .service-sidebar .gp-project-header{display:block!important;position:relative;width:284px;height:48px}
body.gj-sidebar-auto .service-sidebar :is(.gp-project-chevron,.gp-project-folder){display:none!important}
body.gj-sidebar-auto .service-sidebar .gp-create{position:absolute;left:236px;top:2px;width:38px!important;height:44px!important;opacity:0;pointer-events:none}
body.gj-sidebar-auto.gj-sidebar-open .service-sidebar .gp-create{opacity:1;pointer-events:auto}
body.gj-sidebar-auto .service-sidebar :is(.gp-create,.gj-sidebar-close){left:232px}
body.gj-sidebar-auto .service-sidebar .gp-project-list{width:274px!important;max-height:340px}
body.gj-sidebar-auto .service-sidebar .gp-order-track{width:274px;gap:2px;padding:0 0 4px}
body.gj-sidebar-auto .service-sidebar .gp-order-row{width:264px!important;min-height:46px!important;height:46px;margin:0 10px;align-items:center}
body.gj-sidebar-auto .service-sidebar .gp-project-link{font:500 15px/1.4 Arial,sans-serif!important}
body.gj-sidebar-auto .service-sidebar .gp-order-row .gp-project-link{height:44px;min-height:44px;padding:0 8px!important;align-items:center}
body.gj-sidebar-auto .service-sidebar .gp-project-link>span{font:500 15px/1.4 Arial,sans-serif!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
body.gj-sidebar-auto .service-sidebar .gp-project-link small{font:500 12px/1.4 Arial,sans-serif!important}
body.gj-sidebar-auto:not(.gj-sidebar-open) .service-sidebar :is(.gp-order-row,.gp-status,.gp-empty){visibility:hidden}
body.gj-sidebar-auto .service-sidebar :is(.gp-status,.gp-empty){width:254px}
/* Existing separate warning buttons keep their actual handlers. */
body.gj-sidebar-auto .service-sidebar .gj-account-nav-row{position:relative;width:284px!important;container-type:normal}
body.gj-sidebar-auto .service-sidebar .gj-account-nav-row.gj-has-alerts{display:block;min-height:48px}
body.gj-sidebar-auto .service-sidebar .gj-account-nav-row.gj-has-alerts>.gj-menu-item{grid-template-columns:56px 88px!important;gap:10px!important;padding:0!important}
body.gramjet-shell-active.gj-sidebar-auto .service-sidebar .gj-account-nav-row.gj-has-alerts>.service-nav.gj-menu-item{grid-template-columns:56px 88px!important;gap:10px!important;padding:0!important;margin:2px 10px!important}
body.gj-sidebar-auto .service-sidebar .gj-sidebar-alert{padding:4px 2px}
body.gj-sidebar-auto .service-sidebar .gj-account-nav-row.gj-has-alerts>.gj-menu-item>.gj-menu-label{width:88px!important;max-width:88px!important;font-size:15px!important}
body.gj-sidebar-auto .service-sidebar .gj-account-alerts{position:absolute;left:166px;top:7px;gap:3px;opacity:0;pointer-events:none}
body.gj-sidebar-auto.gj-sidebar-open .service-sidebar .gj-account-alerts{opacity:1;pointer-events:auto}
body.gj-sidebar-auto .service-sidebar .gj-menu-alert::after{content:'';position:absolute;left:45px;top:3px;width:7px;height:7px;border-radius:50%;background:#ffeb00;border:2px solid #123d60}
body.gj-sidebar-auto.gj-sidebar-open .service-sidebar .gj-menu-alert::after{opacity:0}
body.gj-sidebar-auto .service-sidebar .gj-admin-footer{display:block!important;width:284px;margin-top:12px!important;padding:0!important;border:0!important}
body.gj-sidebar-auto .service-sidebar .gj-admin-footer>.service-sidebar-caption{margin:0 10px!important}
body.gj-sidebar-auto .service-sidebar .service-session:not(.hidden):not([hidden]){position:relative;display:block!important;width:284px;min-height:84px;margin:0!important;padding:0!important;border:0!important}
body.gj-sidebar-auto .service-sidebar .service-session-identity{width:188px;margin-left:76px;height:36px;overflow:hidden;white-space:nowrap;opacity:0}
body.gj-sidebar-auto.gj-sidebar-open .service-sidebar .service-session-identity{opacity:1}
body.gj-sidebar-auto .service-sidebar #serviceLogout.gj-menu-item{margin:2px 10px!important}
/* Round the visible icon tile without resizing the original click target. */
body.gj-sidebar-auto:not(.gj-sidebar-open) .service-sidebar .gj-menu-item{background:transparent!important;box-shadow:none!important}
body.gj-sidebar-auto:not(.gj-sidebar-open) .service-sidebar .gj-menu-item::before{content:'';position:absolute;left:0;top:0;width:56px;height:44px;border-radius:9px;background:#ffffff0b;z-index:-1}
body.gj-sidebar-auto:not(.gj-sidebar-open) .service-sidebar .gj-menu-item:where(:not([aria-disabled=true]):not(:disabled)):hover::before{background:#ffffff24}
body.gj-sidebar-auto:not(.gj-sidebar-open) .service-sidebar .gj-menu-item:is(.active,[aria-current=page])::before{background:#326685;box-shadow:inset 3px 0 #8ed0ff}
body.gj-sidebar-auto.gpw-in-project:not(.gj-sidebar-open) .service-sidebar .gj-menu-item:is(.active,[aria-current=page])::before{background:var(--project-color,#326685);box-shadow:inset 3px 0 var(--project-ink,#fff)}
body.gj-sidebar-auto:not(.gj-sidebar-open) .service-sidebar .gj-sidebar-pin::before{background:transparent}
@media(prefers-reduced-motion:reduce){body.gj-sidebar-auto .service-sidebar,body.gj-sidebar-auto .service-sidebar .gj-menu-label,body.gj-sidebar-auto .service-sidebar .service-sidebar-brand strong{transition:none!important}}