/* ═══════════════════════════════════════════════════════════════
   LOGO COMPONENT — reusable Breathway "b" mark
   ═══════════════════════════════════════════════════════════════ */
.brand-logo {
  display: inline-flex; align-items: center; gap: 10px;
}
.brand-mark { width: 38px; height: 38px; flex-shrink: 0; }
.brand-mark svg { width: 100%; height: 100%; display: block; }
.brand-wordmark {
  font-size: 16px; letter-spacing: 4px; font-weight: 300;
  color: var(--text-muted);
  text-transform: lowercase;
}

/* ═══════════════════════════════════════════════════════════════
   THERAPIST-SIDE STYLING (gold-accented variant)
   ═══════════════════════════════════════════════════════════════ */
.therapist-badge {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 4px 10px;
  background: linear-gradient(135deg, rgba(255,215,0,0.15), rgba(255,165,0,0.1));
  border: 1px solid rgba(255,215,0,0.25);
  border-radius: 12px;
  font-size: 10px; font-weight: 700;
  color: var(--gold);
  letter-spacing: 0.5px;
}