/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Top-level dark-navbar highlight: the "Admin" dropdown toggle when you're in one
   of its sections, plus any direct top-level item. Bulma's default highlight is
   invisible on a dark bar, so make it explicit. */
.navbar.is-dark .navbar-link.is-section-active,
.navbar.is-dark .navbar-start > .navbar-item.is-selected,
.navbar.is-dark .navbar-end > .navbar-item.is-selected {
  background-color: rgba(255, 255, 255, 0.14);
  color: #fff;
  font-weight: 700;
}

/* Selected item INSIDE the dropdown menu (light background) — the white-on-dark
   style above would be invisible there, so use a light-friendly highlight. */
.navbar.is-dark .navbar-dropdown .navbar-item.is-selected {
  background-color: var(--bulma-background, #f5f5f5);
  color: var(--bulma-text, #363636);
  font-weight: 700;
}

/* Dashboard chart panels: flat (no drop shadow), defined by a hairline border. */
.dash-card {
  border: 1px solid var(--bulma-border, #dbdbdb);
}