@import url("/static/vendor/tabler-1.7.0/tabler.min.css") layer(tabler);

/* Keep the existing AK Lager styles above Tabler's base styles. */
#view-overview {
  --tblr-primary: var(--ink);
  --tblr-primary-rgb: 39, 43, 47;
  --tblr-body-color: var(--ink);
  --tblr-bg-surface: var(--bg);
  --tblr-border-color: var(--border);
  --tblr-secondary-color: var(--muted);
}

aside nav.nav {
  flex-wrap: nowrap;
}

aside nav .nav-link {
  color: #d4d7d9;
}

aside nav .nav-link.selected {
  background: var(--accent);
  color: var(--ink);
}

#view-overview .heading h1 {
  font-size: clamp(1.65rem, 3vw, 2.25rem);
  letter-spacing: -.035em;
}

#view-overview .metrics .card,
#view-overview .panel.card {
  border-radius: .75rem;
}

#view-overview .metrics strong {
  font-size: clamp(1.65rem, 3vw, 2.25rem);
}

#view-overview .metric-action::after {
  border-radius: inherit;
}

#view-overview .metric-action:focus-visible::after {
  outline-color: #656d00;
}

#view-overview .card-header {
  flex-wrap: wrap;
}

#view-overview .toolbar {
  background: var(--sky);
}

#view-overview .card-footer {
  border-radius: 0 0 .75rem .75rem;
}