:root{--product-green:#176b50;--product-ink:#1f2d2b;--product-line:#e6eae6;--product-header-height:80px}
.product-header{height:var(--product-header-height);background:#fff;border-bottom:1px solid var(--product-line);position:relative;z-index:10;flex-shrink:0}
.product-header-inner{height:100%;max-width:1440px;margin:auto;padding:0 36px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}
.product-brand{display:inline-flex;align-items:center;justify-self:start;gap:10px;color:var(--product-ink);font-size:24px;font-weight:750;line-height:1;letter-spacing:-1px;text-decoration:none;white-space:nowrap}
.product-brand-icon{display:grid;place-items:center;background:var(--product-green);color:white;border-radius:10px;width:35px;height:35px;font-size:26px;letter-spacing:-3px;padding-right:3px}
.product-tabs{display:flex;align-items:center;padding:4px;gap:4px;background:#f4f6f2;border:1px solid #edf0e9;border-radius:11px}
.product-tabs a{padding:9px 24px;color:#7b857d;font-size:13px;font-weight:550;line-height:1.5;white-space:nowrap;text-decoration:none;border-radius:7px}
.product-tabs a:hover{color:var(--product-green);background:#edf2e9}
.product-tabs a[aria-current=page]{color:var(--product-green);background:#fff;box-shadow:0 1px 5px #243c2310}
.product-account{justify-self:end;min-width:0;position:relative;display:flex;align-items:center;gap:18px}
.product-login{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid #dce5da;border-radius:7px;padding:8px 16px;color:var(--product-green);font-size:12px;font-weight:550;line-height:1.5;text-decoration:none;white-space:nowrap;background:white}
.product-login:hover{background:#f5f8f2}
.account-menu summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:12px;color:var(--product-green);padding:10px 0;max-width:210px}
.account-menu summary::-webkit-details-marker{display:none}
#identity{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}
.account-popover{position:absolute;right:0;top:100%;width:240px;border:1px solid var(--product-line);background:#fff;box-shadow:0 8px 30px #1d3c2914;padding:16px;border-radius:10px;display:grid;gap:12px;font-size:12px}
.account-popover span{overflow-wrap:anywhere;color:#7b857d}
.account-popover a{padding:8px 0;text-decoration:none}.workspace-entry{font-size:11px}.workspace-entry~.account-menu #identity{max-width:90px}
.account-popover button{background:#f2f5ee;border:0;border-radius:5px;text-align:left;padding:10px;color:var(--product-ink);cursor:pointer;font:inherit}
.product-header :focus-visible{outline:3px solid #75af95;outline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){:root{--product-header-height:116px}.product-header-inner{padding:15px 20px 10px;grid-template-columns:1fr 1fr;grid-template-rows:35px 40px;gap:12px 16px}.product-brand{font-size:22px}.product-brand-icon{width:32px;height:32px;font-size:25px;border-radius:8px}.product-account{grid-column:2;grid-row:1}.product-tabs{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:center;padding:3px;border-radius:9px}.product-tabs a{flex:1;text-align:center;padding:7px 14px;font-size:12px}.product-login{font-size:11px;padding:6px 13px}.account-menu summary{max-width:150px;font-size:11px}.account-popover{width:230px}.product-header-inner #identity{max-width:125px}}