/* Shared BNSN team header. One source of truth, included by every tool.
   Self-contained: namespaced --tt-* tokens that flip on [data-theme]. */
:root{
  --tt-bg:#ffffff;--tt-soft:#f7f8fb;--tt-border:#e6e8ef;--tt-border-strong:#d2d6e0;
  --tt-text:#201914;--tt-muted:#5b6478;--tt-brand:#4457f3;--tt-brand-tint:rgba(68,87,243,0.10);
}
[data-theme="dark"]{
  --tt-bg:#1a1f2a;--tt-soft:#0e1117;--tt-border:#2a3140;--tt-border-strong:#3a4356;
  --tt-text:#f5f6fa;--tt-muted:#a4adc1;--tt-brand:#7a88ff;--tt-brand-tint:rgba(68,87,243,0.22);
}
.tt-header{background:var(--tt-bg);border-bottom:1px solid var(--tt-border);padding:18px 40px;
  display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;
  font-family:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif}
.tt-brand{display:flex;align-items:center;gap:16px}
.tt-brand>a{display:flex;align-items:center}
.tt-logo{height:32px;width:auto;display:block}
.tt-logo .wordmark{fill:var(--tt-text);transition:fill .2s}
.tt-divider{width:1px;height:22px;background:var(--tt-border-strong)}
.tt-product{font-size:17px;font-weight:600;color:var(--tt-text);letter-spacing:-0.01em}
.tt-tag{font-size:11px;font-weight:600;color:var(--tt-brand);background:var(--tt-brand-tint);
  padding:3px 8px;border-radius:4px;margin-left:6px;text-transform:uppercase;letter-spacing:0.06em}
.tt-actions{display:flex;align-items:center;gap:12px}
.tt-iconbtn{width:36px;height:36px;border:1px solid var(--tt-border);background:var(--tt-soft);
  color:var(--tt-muted);border-radius:6px;display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all .15s;text-decoration:none;flex-shrink:0}
.tt-iconbtn:hover{color:var(--tt-text);border-color:var(--tt-border-strong)}
.tt-pill{display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--tt-soft);
  border:1px solid var(--tt-border);border-radius:999px;font-size:13px;font-weight:500;color:var(--tt-text)}
.tt-avatar{width:22px;height:22px;border-radius:50%;background:var(--tt-brand);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}
@media (max-width:640px){.tt-header{padding:14px 20px}.tt-pill .tt-name{display:none}.tt-product{display:none}.tt-tag{display:none}}