/* Brand overrides only - keep under 100 lines */

/* ============================================
   CSS Variables (Brand Colors)
   ============================================ */
:root {
  --bs-primary: #1a5f4a;      /* Sterling green */
  --bs-primary-rgb: 26, 95, 74;

  --bs-font-sans-serif: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --bs-border-radius: 0.5rem;
  --bs-border-radius-lg: 0.75rem;
}

/* ============================================
   Component Tweaks
   ============================================ */

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #14493a;
  --bs-btn-hover-border-color: #14493a;
  --bs-btn-active-bg: #10382d;
  --bs-btn-active-border-color: #10382d;
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
}

.progress-bar {
  background-color: var(--bs-primary);
}

.bg-primary {
  background-color: var(--bs-primary) !important;
}

.text-primary {
  color: var(--bs-primary) !important;
}

.navbar-brand {
  font-weight: 600;
}

.card {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border: none;
}

/* ============================================
   Left Rail (desktop navigation)
   ============================================ */

.left-rail {
  width: 220px;
  min-width: 220px;
  height: 100vh;
  position: sticky;
  top: 0;
}

.rail-drawer {
  width: 260px;
}

.rail-brand {
  color: var(--bs-primary);
  font-size: 1.05rem;
}

.rail-link {
  color: var(--bs-gray-700);
  padding: 0.5rem 1rem;
}

.rail-link:hover {
  color: var(--bs-primary);
  background: var(--bs-gray-100);
}

.rail-link.active {
  color: var(--bs-primary);
  font-weight: 600;
  border-left: 3px solid var(--bs-primary);
  background: var(--bs-gray-100);
}

/* ============================================
   HTMX Loading Indicator
   ============================================ */
.htmx-indicator {
  display: none;
}

.htmx-request .htmx-indicator {
  display: inline-block;
}

.htmx-request.htmx-indicator {
  display: inline-block;
}