:root{--brand-bg:#f4f7fa;--brand-soft:#eaf0f5;--brand-ink:#465f78;--brand-line:#d4dfe8;--bg:var(--brand-bg);--jade:var(--brand-ink);--jade-soft:var(--brand-soft)}
.topbar{height:auto;min-height:76px;gap:16px;padding:12px 24px;background:rgba(255,255,255,.98)}
.top-left,.top-right{flex-shrink:0}.brand-tabs{display:flex;gap:6px;overflow-x:auto;min-width:0;padding:4px;scrollbar-width:thin;margin-right:auto}
.brand-tabs button{border:1px solid transparent;border-radius:9px;padding:10px 16px;background:transparent;color:#526778;white-space:nowrap;font-weight:700}
.brand-tabs button:hover{background:var(--brand-bg)}.brand-tabs button[aria-selected=true]{border-color:var(--brand-line);background:var(--brand-soft);color:var(--brand-ink);box-shadow:0 1px 3px #15293a0a}
.brand-tabs button:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}
.sidebar{background:var(--brand-soft);border-right:1px solid var(--brand-line);color:var(--ink)}
.logo b,.side-note strong{color:var(--ink)}.logo small,.side-label,.side-note{color:var(--muted)}.mark{border-color:var(--brand-line);color:var(--brand-ink);background:white}
.module-nav button{color:#435a68}.module-nav button:hover{background:#ffffffa8;color:var(--ink)}.module-nav button.active{color:var(--brand-ink);background:white;box-shadow:inset 3px 0 var(--brand-ink),0 2px 5px #162e4108}
.side-note{border-color:var(--brand-line)}.btn.primary{background:var(--brand-ink);border-color:var(--brand-ink);color:#fff}.module-tabs{background:var(--brand-soft);border-color:var(--brand-line)}
.brand-scope{color:var(--muted);font-size:.8rem;line-height:1.6;margin:0 0 12px}.brand-badge{display:inline-block;background:var(--brand-soft);color:var(--brand-ink);padding:3px 8px;border-radius:6px;font-size:.78rem}
.brand-applies-note{font-size:.78rem;color:var(--muted);margin:5px 0}.brand-payment-splits{font-size:.8rem;color:var(--muted);margin-top:5px}
@media(max-width:1100px){.topbar{flex-wrap:wrap;gap:5px 12px}.brand-tabs{order:3;flex-basis:100%;margin:0}.top-right{margin-left:auto}.topbar .top-right .btn{padding:7px 12px}}
@media(max-width:760px){.topbar{padding:10px 12px}.topbar .prototype{display:inline;font-size:.7rem}.brand-tabs button{padding:8px 13px;font-size:.86rem}.brand-tabs{max-width:calc(100vw - 24px)}}