.business-header{box-sizing:border-box;background:var(--rc-ink);color:#fff;display:flex;align-items:center;gap:28px;padding:0 24px;min-height:64px;width:100%;flex-shrink:0;position:relative;z-index:30}
.business-header a{color:inherit;text-decoration:none}.business-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.7px;white-space:nowrap}.business-brand img{width:34px;height:34px;filter:brightness(0) invert(1)}
.business-header nav{display:flex;align-items:stretch;flex-wrap:nowrap;gap:24px;align-self:stretch}.business-header nav>a,.business-header summary{box-sizing:border-box;display:flex;align-items:center;gap:10px;min-height:64px;padding:18px 0;font:500 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border-bottom:3px solid transparent;white-space:nowrap;cursor:pointer}.business-header nav>a[aria-current],.business-header summary.current{border-color:#b8d9b8;font-weight:700}.workspace-menu{position:relative}.workspace-menu summary{list-style:none}.workspace-menu summary::-webkit-details-marker{display:none}.business-header .workspace-chevron{display:block;width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform-origin:center}.workspace-menu[open] .workspace-chevron{transform:rotate(180deg)}
.business-header .workspace-links{position:absolute;top:calc(100% + 8px);left:0;min-width:190px;padding:6px;background:white;color:var(--rc-ink);border:1px solid var(--rc-line);border-radius:12px;box-shadow:0 12px 32px #11182726;z-index:50}.business-header .workspace-links a{display:flex;align-items:center;min-height:44px;padding:10px 14px;border:0;border-radius:7px;font-size:13px}.business-header .workspace-links a:hover,.business-header .workspace-links a[aria-current]{background:var(--rc-soft);color:var(--rc-brand);font-weight:650}
.business-name{margin-left:auto;font-size:12px}.business-header button{background:#37594c;color:white;border:1px solid var(--rc-muted);border-radius:7px;padding:8px 14px;min-height:42px;white-space:nowrap;font:500 12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.business-header :is(a,button,summary):focus-visible{outline:3px solid #b8d9b8;outline-offset:3px}
@media(max-width:850px){.business-header{flex-wrap:wrap;gap:8px 12px;padding:12px 16px 0}.business-header nav{order:4;width:100%;gap:24px;overflow:visible}.business-header nav>a,.business-header summary{min-height:48px;padding:12px 0}.business-brand{font-size:18px}.business-name{font-size:11px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.business-header button{margin-left:auto}.business-header .workspace-links{top:100%}}
@media(max-width:480px){.business-name{display:none}}
.business-header .mobile-menu-toggle{display:none}
@media(max-width:850px){
 .business-header{padding:10px 16px;min-height:64px;gap:0 12px;align-content:start}
 .business-header .mobile-menu-toggle{display:grid;place-items:center;margin-left:auto;min-width:44px;min-height:44px;padding:10px;background:transparent}
 .mobile-menu-toggle svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.mobile-menu-toggle .menu-close{display:none}.mobile-menu-open .menu-bars{display:none}.mobile-menu-open .menu-close{display:block}
 .business-header:not(.mobile-menu-open) nav,.business-header:not(.mobile-menu-open) .business-name,.business-header:not(.mobile-menu-open)>#logout{display:none}
 .business-header.mobile-menu-open nav{display:flex;flex-direction:column;order:3;width:100%;gap:0;max-height:65dvh;overflow-y:auto;margin-top:10px;padding-top:8px;border-top:1px solid #37594c}
 .business-header.mobile-menu-open nav>a,.business-header.mobile-menu-open summary{min-height:48px;padding:12px;border-bottom:0;border-radius:8px;justify-content:space-between}
 .business-header.mobile-menu-open nav>a[aria-current],.business-header.mobile-menu-open summary.current{background:#37594c}
 .business-header.mobile-menu-open .workspace-links{position:static;min-width:0;padding:4px 0 4px 14px;background:transparent;border:0;box-shadow:none;color:white}
 .business-header.mobile-menu-open .workspace-links a{min-height:44px}.business-header.mobile-menu-open .workspace-links a[aria-current]{color:var(--rc-ink)}
 .business-header.mobile-menu-open .business-name{display:block;order:4;max-width:calc(100% - 100px);margin:14px 0 4px;overflow-wrap:anywhere}
 .business-header.mobile-menu-open>#logout{display:block;order:5;margin:12px 0 0 auto;min-height:44px}
}
@media(max-width:850px){body .business-header.mobile-menu-open nav>a{padding:12px;border-bottom:0;min-height:48px}}

/* White navigation and blue active states from the original prototype. */
.business-header{background:#fff;color:var(--rc-ink);border-bottom:1px solid var(--rc-line)}
.business-brand img{filter:none}.business-brand{letter-spacing:-.5px}
.business-header nav>a[aria-current],.business-header summary.current{border-color:var(--rc-brand);color:var(--rc-brand)}
.business-header button{background:#f3f4f6;color:#374151;border-color:var(--rc-line);border-radius:9px}
.business-header :is(a,button,summary):focus-visible{outline-color:var(--rc-brand)}
@media(max-width:850px){
.business-header.mobile-menu-open nav{border-top-color:var(--rc-line)}
.business-header.mobile-menu-open nav>a[aria-current],.business-header.mobile-menu-open summary.current{background:var(--rc-soft);color:var(--rc-brand)}
.business-header.mobile-menu-open .workspace-links{color:var(--rc-ink)}
.business-header.mobile-menu-open .workspace-links a[aria-current]{color:var(--rc-brand)}
}

/* Keep the desktop active indicator close to its label, not the header edge. */
@media(min-width:851px){
 .business-header nav>a,.business-header summary{border-bottom-color:transparent}
 .business-header nav>a[aria-current],.business-header summary.current{border-bottom-color:transparent;text-decoration:underline;text-decoration-color:var(--rc-brand);text-decoration-thickness:2px;text-underline-offset:7px;text-decoration-skip-ink:auto}
}