.dashboard-header {
  min-height: 52px;
  background:
    radial-gradient(circle at 12% 18%, rgba(242, 196, 132, 0.16), transparent 24%),
    linear-gradient(145deg, rgba(10, 42, 34, 0.96) 0%, rgba(15, 58, 47, 0.96) 52%, rgba(26, 86, 69, 0.96) 100%);
  color: #f7f0e4;
  border-bottom: 1px solid rgba(242, 196, 132, 0.22);
  backdrop-filter: blur(16px);
  box-shadow: var(--ds-shadow-float);
}

.dashboard-header .eyebrow {
  color: rgba(242, 196, 132, 0.94);
}

.dashboard-header h2 {
  color: #fff7ea;
}

.nav-pill {
  min-height: 42px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(242, 196, 132, 0.28);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 244, 230, 0.78);
  font-size: 14px;
  font-weight: 800;
}

.nav-pill.active {
  background: linear-gradient(180deg, rgba(255, 253, 248, 0.98), rgba(245, 235, 221, 0.94));
  border-color: rgba(242, 196, 132, 0.34);
  color: var(--ds-ink);
  box-shadow: var(--ds-shadow-float);
}

.nav-pill.muted {
  color: rgba(255, 244, 230, 0.48);
}

.nav-pill:hover {
  color: #fff7ea;
  border-color: rgba(242, 196, 132, 0.48);
}

.header-actions {
  border-left: 1px solid rgba(242, 196, 132, 0.2);
}

.header-user-button {
  border: 0;
  border-bottom: 1px solid rgba(242, 196, 132, 0.42);
  background: transparent;
  box-shadow: none;
}

.header-brand-mark {
  color: #f2c484;
  text-shadow: 0 1px 0 rgba(10, 42, 34, 0.28);
}

.header-icon-action {
  color: rgba(255, 247, 234, 0.82);
}

.header-icon-action:hover {
  color: #fff7ea;
}

.header-date-label {
  color: rgba(255, 244, 230, 0.72);
}

.header-date-field {
  border: 0;
  border-bottom: 1px solid rgba(242, 196, 132, 0.42);
  background: transparent;
  box-shadow: none;
}

.header-date-field input,
.header-date-field select {
  accent-color: var(--ds-date-selected-line);
  color: #fff7ea;
  color-scheme: light;
}

.header-date-field select option,
.header-date-field select optgroup {
  color: var(--ds-date-text);
  background: var(--ds-date-surface);
}

.header-date-sep {
  color: rgba(255, 244, 230, 0.56);
}

.ghost-button {
  border: 1px solid rgba(242, 196, 132, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: #fff7ea;
}

.icon-button {
  background: rgba(255, 255, 255, 0.1);
}

.icon-button:hover {
  background: rgba(242, 196, 132, 0.14);
  border-color: rgba(242, 196, 132, 0.32);
  color: #fff7ea;
}

.user-chip-text strong {
  color: #fff7ea;
}

.user-chip-text em,
.user-chip-caret {
  color: rgba(255, 244, 230, 0.72);
}

.ghost-button-soft {
  background: rgba(239, 228, 208, 0.92);
  color: var(--ds-ink);
  border-color: rgba(242, 196, 132, 0.28);
}