/* One Place navigation extension: project-first top navigation, using Dimension tokens. */
.shell{display:block;min-height:100vh}
.app-chrome{position:sticky;top:0;z-index:30;background:#eed9e2e8;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}
.app-header{display:flex;align-items:center;gap:24px;min-height:87px;max-width:1600px;margin:auto;padding:0 4.2%}
.app-header .brand{font-size:30px;white-space:nowrap;position:relative;padding-bottom:9px;flex-shrink:0}
.brand-byline{font-family:var(--ds-body);position:absolute;left:44px;bottom:-4px;font-size:7px;letter-spacing:.18em;color:var(--muted)}
.header-divider{height:28px;width:1px;background:var(--line);flex-shrink:0}
.account-link{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;color:var(--muted);min-height:44px}
.account-link svg{width:17px;height:17px}.account-link:hover,.account-link[aria-current=page]{color:#624258}
.project-switcher{margin-left:auto;width:min(330px,30vw)}
.nav-disclosure{position:relative}
.nav-disclosure summary{list-style:none;cursor:pointer}
.nav-disclosure summary::-webkit-details-marker{display:none}
.nav-disclosure summary:focus-visible{outline:2px solid var(--ds-focus);outline-offset:4px;border-radius:13px}
.project-switcher>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 13px;border:1px solid transparent;border-radius:14px;min-height:52px;transition:background 180ms,border-color 180ms}
.project-switcher>summary:hover,.project-switcher[open]>summary{background:#fff3f744;border-color:#fff8fb80}
.project-context{min-width:0;display:flex;flex-direction:column;gap:2px}.project-context>.eyebrow{font-size:8px;letter-spacing:.14em}
.project-context strong{font-size:13px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.nav-chevron{width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);flex-shrink:0;margin-top:-4px;transition:transform 180ms}
.nav-disclosure[open]>summary .nav-chevron{transform:rotate(225deg);margin-top:3px}
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}.header-actions .icon-btn{width:38px;height:38px}.header-create{gap:8px;padding:9px 16px;background:#fff4f77a;font-size:11px;min-height:38px}.header-actions .avatar{margin-left:3px}
.attention-link{position:relative}.attention-pip{position:absolute;right:8px;top:7px;width:5px;height:5px;border-radius:50%;background:#a56382;border:1px solid #eed9e2}.attention-link[aria-current=page]{background:#fff3f7b0;border-color:#9c7b904d}
.project-navigation{display:flex;align-items:center;gap:5px;max-width:1600px;margin:auto;padding:5px 4.2% 16px}
.project-tabs{display:flex;align-items:center;gap:4px;min-width:0}
.project-tab{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 17px;min-height:43px;border:1px solid transparent;border-radius:999px;white-space:nowrap;font-size:12px;color:#716674;transition:background 200ms,color 200ms,border-color 200ms}
.project-tab svg{width:17px;height:17px;opacity:.85}
.project-tab:hover{background:#fff3f744;color:#513b4b}
.project-tab[aria-current=page],.project-tab.selected{background:#fff3f7b0;border-color:#fff8fba8;box-shadow:0 2px 9px #765b6d05;color:#624258}
.more-navigation>summary{gap:13px;padding-right:19px}.more-navigation[open]>summary{background:#fff3f780}.navigation-note{margin-left:auto;padding-left:20px;white-space:nowrap;font-size:10px;color:#826b7b}.navigation-note span{font-size:16px;margin-left:8px}
.nav-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:40;border:1px solid #fff8fbd9;background:#f7eaf2f5;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:21px;padding:13px;box-shadow:0 16px 45px #765b6d12;animation:nav-reveal 200ms cubic-bezier(.2,.7,.2,1)}
.nav-dropdown>p{font-size:8px;padding:6px 10px 12px;letter-spacing:.13em}
.project-options{width:340px;max-width:calc(100vw - 32px)}
.project-option{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:13px;min-height:65px;transition:background 180ms}
.project-option:hover,.project-option[aria-current=true]{background:#fff5f9a6}
.project-monogram{width:36px;height:40px;border-radius:11px;background:#e4c9d5;display:grid;place-items:center;flex-shrink:0}.project-monogram.variant-1{background:#d6e0d8}.project-monogram.variant-2{background:#e7dcc7}.project-monogram svg{width:19px;height:19px}
.project-option>span:nth-child(2){min-width:0;flex:1}.project-option strong{font-size:12px;font-weight:500;display:block;overflow-wrap:anywhere}.project-option small{font-size:10px;color:var(--muted)}.project-option>svg{width:16px;height:16px}
.more-options{width:225px;left:0;right:auto}.dropdown-link{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:12px;font-size:12px;min-height:44px}.dropdown-link svg{width:17px;height:17px}.dropdown-link:hover,.dropdown-link[aria-current=page]{background:#fff4f7a6;color:#624258}
@keyframes nav-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.app-header{gap:17px;padding:0 28px}.project-navigation{padding-left:28px;padding-right:28px}.navigation-note{display:none}.project-switcher{width:min(280px,29vw)}.project-tab{padding:10px 15px}.main{max-width:1440px}}
@media(max-width:1000px){.app-header{gap:15px;padding-left:24px;padding-right:24px}.header-actions{gap:7px}.header-actions .avatar{display:none}.header-divider{display:none}.account-link{font-size:11px}.app-header .brand{font-size:28px}.project-switcher{width:240px}.project-tab{font-size:11px;padding:10px 13px;gap:7px}.project-navigation{padding-left:24px;padding-right:24px}}
@media(max-width:800px){.app-header{min-height:80px;flex-wrap:wrap;gap:12px 17px;padding:18px 22px 10px}.app-header .brand{font-size:28px}.account-link{margin-left:auto}.header-actions{margin-left:0}.header-create{padding:9px;width:38px;height:38px}.header-create>span{display:none}.project-switcher{order:5;width:100%;margin:0}.project-switcher>summary{border-color:#fff8fb66;background:#fff4f726;min-height:51px}.project-options{left:0;right:auto;width:100%;max-height:55vh;overflow:auto}.project-navigation{padding:4px 22px 13px;gap:4px}.project-tabs{overflow-x:auto;scrollbar-width:none;flex:1;mask-image:linear-gradient(to right,#000 calc(100% - 12px),transparent)}.project-tabs::-webkit-scrollbar{display:none}.project-tab{min-height:42px;padding:10px 14px;font-size:11px;gap:7px}.more-navigation{flex-shrink:0}.more-navigation>summary{padding-left:13px;padding-right:13px}.more-options{right:0;left:auto}.app-chrome{position:relative}.project-context strong{font-size:13px}}
@media(max-width:500px){.app-header{gap:14px 10px}.app-header .brand{font-size:27px}.brand-byline{font-size:6px;left:42px}.account-link{font-size:10px;gap:5px;min-height:38px}.account-link svg{display:none}.header-actions .icon-btn{width:34px;height:34px}.header-actions{gap:5px}.header-actions .header-create{width:34px;height:34px;min-height:34px}.project-tabs .project-tab{padding-left:13px;padding-right:13px}.project-tabs .project-tab svg{display:none}.project-navigation{padding-right:16px}.project-switcher>summary{padding-left:12px}.app-header{padding-top:20px}.app-header .brand-mark{transform:scale(.9);width:33px}}
@media(max-width:380px){.app-header{padding-left:16px;padding-right:16px;gap:12px 8px}.app-header .brand{font-size:24px}.app-header .brand-mark{width:29px;transform:scale(.8);transform-origin:left center}.brand-byline{left:37px}.header-actions{gap:4px}.header-actions .icon-btn{width:31px;height:31px}.header-actions .header-create{width:31px;height:31px;min-height:31px}.account-link{font-size:9px}.project-navigation{padding-left:16px;padding-right:12px}.project-tab{font-size:10px}.more-navigation>summary{padding-left:10px;padding-right:10px}.project-context strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.nav-dropdown{animation:none}.nav-disclosure summary,.nav-chevron,.project-option,.project-tab{transition:none}}
@media print{.app-chrome{display:none}}
@media(max-width:500px){
 .app-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 10px}
 .app-header .brand{grid-column:1;grid-row:1;justify-self:start}
 .header-actions{grid-column:2;grid-row:1;justify-self:end}
 .project-switcher{grid-column:1;grid-row:2;min-width:0;width:100%}
 .account-link{grid-column:1/-1;grid-row:2;justify-self:start;margin:0;font-size:11px;padding:0}
 .project-options{width:calc(100vw - 44px)}
}