.nds-header-card {
  background: var(--color-base-50);
  border: 1px solid var(--color-base-200);
  border-radius: 16px;
  box-shadow: 0 4px 20px -4px rgba(15, 23, 42, 0.10),
              0 2px 6px -2px rgba(15, 23, 42, 0.06);
  padding-inline: 1.25rem;
}
html.dark .nds-header-card {
  background: var(--color-base-800);
  border-color: var(--color-base-700);
  box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.5),
              0 2px 6px -2px rgba(0, 0, 0, 0.4);
}

.nds-header-stats { display: flex; align-items: center; gap: 0.15rem; }
.nds-header-stat {
  display: flex; flex-direction: column; align-items: flex-end;
  padding: 0.1rem 0.9rem; line-height: 1.15;
  border-inline-start: 1px solid var(--color-base-200);
}
html.dark .nds-header-stat { border-inline-start-color: var(--color-base-700); }
.nds-header-stat-value { font-size: 1rem; font-weight: 800; color: var(--color-primary-600); }
html.dark .nds-header-stat-value { color: var(--color-primary-400); }
.nds-header-stat-label {
  font-size: 0.62rem; font-weight: 600; text-transform: uppercase;
  letter-spacing: 0.02em; white-space: nowrap; color: var(--color-base-500);
}
html.dark .nds-header-stat-label { color: var(--color-base-400); }

.nds-notif-btn:hover { background: var(--color-base-100) !important; }
html.dark .nds-notif-btn:hover { background: var(--color-base-700) !important; }

@media (max-width: 1024px) {
  .nds-header-stats { display: none; }
}

.nds-service-banner {
  display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap;
  padding: 0.7rem 1.1rem; border-radius: 0.75rem;
  font-size: 0.85rem; font-weight: 600; line-height: 1.5;
  color: #92400e; background: #fef3c7; border: 1px solid #fcd34d;
}
html.dark .nds-service-banner {
  color: #fde68a; background: rgba(120, 53, 15, 0.35); border-color: #b45309;
}
.nds-service-banner-icon { font-size: 1.05rem; line-height: 1; }
.nds-service-banner a { text-decoration: underline; margin-inline-start: auto; }