.service-shell{width:100%;max-width:1600px;margin-inline:auto;padding:40px 32px 64px;position:relative}.service-shell .skip-link:not(:focus){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;overflow:hidden;transform:none}.service-header{z-index:35;border:1px solid var(--border-subtle);background:var(--surface-1);min-height:64px;color:var(--content-primary);border-radius:20px;align-items:center;gap:16px;margin-bottom:32px;padding:8px 12px 8px 20px;display:flex;position:relative}.service-wordmark{letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:10px;min-height:44px;font-size:22px;font-weight:600;display:inline-flex}.service-links{align-items:center;gap:4px;min-width:0;margin-left:auto;display:flex}.service-links a{background:var(--surface-1);min-height:44px;color:var(--content-primary);white-space:nowrap;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 14px;font-size:12px;transition:background-color .5s,color .5s;display:inline-flex}.service-links a:hover{background:var(--surface-3)}.service-links a[aria-current]{background:var(--status-accent-bg);color:var(--status-accent-fg)}.service-actions{flex-shrink:0;align-items:center;gap:4px;padding:2px;display:flex}.service-current-trigger,.service-link-icon{display:none}.service-shell .service-header .service-actions button:where(:not([role=switch]):not(.workspace-search-trigger)){color:var(--content-primary);background:var(--surface-1);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:999px}.service-header :focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}@media (max-width:1150px){.service-header{border-radius:32px;flex-wrap:wrap;gap:8px}.service-links{overscroll-behavior-x:contain;scrollbar-width:thin;order:2;width:100%;padding:6px;overflow-x:auto}.service-actions{order:1;margin-left:auto}}@media (max-width:760px){.service-shell{padding:16px 16px 40px}.service-header{gap:8px;margin-bottom:24px;padding:8px 12px}.service-wordmark{gap:7px;font-size:18px}.service-wordmark img{width:26px;height:26px}}@media (max-width:480px){.service-brand-tail{display:none}}@media (prefers-reduced-motion:reduce){.service-links a{transition:none}}.service-shell .service-header .service-actions button:not(.workspace-search-trigger):hover{background:var(--surface-3)}.service-header-workspace .service-wordmark{min-width:0;max-width:240px}.service-workspace-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.service-header-workspace .service-wordmark>:first-child{flex-shrink:0}@media (max-width:1150px){.service-header-workspace .service-wordmark{flex:1;max-width:calc(100% - 64px)}}@media (max-width:760px){.service-header{border:0;border-bottom:1px solid var(--border-subtle);background:var(--canvas);border-radius:0;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:0;padding:0 0 12px;display:grid}.service-header .service-wordmark{grid-area:1/1;min-width:0}.service-header-workspace .service-wordmark{max-width:none}.service-shell .service-header .service-current-trigger{border:1px solid var(--border-subtle);background:var(--surface-2);min-height:44px;color:var(--content-primary);white-space:nowrap;cursor:pointer;border-radius:999px;grid-area:1/2;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;transition:background-color .5s;display:inline-flex}.service-shell .service-header .service-current-trigger:hover,.service-shell .service-header .service-current-trigger:active{background:var(--surface-3)}.service-current-trigger svg{flex-shrink:0}.service-current-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.service-header .service-actions{order:0;grid-area:1/3;margin:0}.service-header .service-links{overscroll-behavior-y:contain;border:1px solid var(--border-subtle);background:var(--surface-1);border-radius:20px;grid-area:2/1/auto/-1;align-items:stretch;gap:4px;width:auto;max-height:min(60dvh,440px);margin:0;padding:8px;scroll-padding-block:8px;display:none;overflow:hidden auto}.service-header .service-links[data-expanded=true]{flex-direction:column;display:flex}.service-header .service-links a{border-radius:12px;justify-content:flex-start;gap:12px;padding:10px 14px;scroll-margin-block:8px;font-size:14px}.service-link-icon{flex-shrink:0;display:block}}@media (prefers-reduced-motion:reduce){.service-shell .service-header .service-current-trigger{transition:none}}.service-actions:has(.workspace-search-trigger){gap:8px}.service-actions:has(.workspace-search-trigger):before{content:"";background:var(--border-subtle);width:1px;height:24px;margin-inline:4px}.service-shell .service-header .workspace-search-trigger{width:auto;height:auto;min-height:var(--workspace-nav-height,44px);border:1px solid var(--border-strong);background:var(--action-primary);color:var(--action-primary-fg);white-space:nowrap;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:4px 12px;font-size:13px;display:inline-flex}.service-shell .service-header .workspace-search-trigger:hover{background:var(--action-primary-hover);filter:none}.service-header .workspace-search-trigger kbd{color:inherit;opacity:1;background:0 0;border-color:currentColor}.service-shell .service-header .service-links{overscroll-behavior-x:contain;scrollbar-width:thin;overflow-x:auto}@media (min-width:761px) and (max-width:1150px){.service-header{border-radius:20px}}@media (max-width:760px){.service-shell .service-header{border:1px solid var(--border-subtle);background:var(--surface-1);border-radius:20px;gap:8px;padding:8px 10px}.service-header .service-wordmark{font-size:16px}.service-header .service-actions{padding:0}.service-actions:has(.workspace-search-trigger):before{display:none}.service-shell .service-header .workspace-search-trigger{width:44px;min-width:44px;min-height:44px;padding:0}.service-header .workspace-search-trigger>span,.service-header .workspace-search-trigger kbd{display:none}}
