/* ============================================================================
   DLT California — standard tool toolbar
   The sticky top toolbar shared by the calculator tools (panel-designer,
   floor-assembly-builder). Design tokens + base reset live in
   /shared/tokens.css; link it FIRST, then this file:
     <link rel="stylesheet" href="/shared/tokens.css" />
     <link rel="stylesheet" href="/shared/brand.css" />
     <link rel="stylesheet" href="/<tool>/<tool>.css" />

   Uses --font-sans-brand (from tokens.css) so the toolbar keeps the Whitney
   stack even when a tool overrides the plain --font-sans for its own UI.
   ============================================================================ */

/* ─── Toolbar ─────────────────────────────────────────────── */
.toolbar {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(245,241,234,0.94);
  backdrop-filter: saturate(140%) blur(8px);
  border-bottom: 1px solid var(--rule);
}
.toolbar__inner {
  max-width: 80rem;
  margin: 0 auto;
  padding: 12px var(--gutter);
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.toolbar__brand {
  font-family: var(--font-sans-brand);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--muted);
  text-decoration: none;
  white-space: nowrap;
}
.toolbar__brand b { color: var(--ink); font-weight: 700; }
.toolbar__spacer { margin-left: auto; }