@import url("./styles.css");

[data-dashboard-nav] {
  align-items: center;
  background: color-mix(in srgb, var(--surface, #101521) 94%, transparent);
  border-bottom: 1px solid var(--border, #29313f);
  display: flex;
  gap: 1rem;
  min-height: 3.5rem;
  padding: 0.55rem clamp(1rem, 4vw, 3rem);
  position: sticky;
  top: 0;
  z-index: 20;
}

.dashboard-brand { color: var(--text, #f3f6fa); font-weight: 750; text-decoration: none; }
.dashboard-links { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.dashboard-links a, .dashboard-obsidian { border-radius: 0.45rem; color: var(--muted, #b5c0ce); padding: 0.35rem 0.55rem; text-decoration: none; }
.dashboard-links a[aria-current="page"] { background: var(--accent, #77b7ff); color: #071321; font-weight: 700; }
.dashboard-obsidian { margin-left: auto; }

@media (max-width: 620px) {
  [data-dashboard-nav] { align-items: flex-start; flex-wrap: wrap; }
  .dashboard-obsidian { margin-left: 0; }
}