/* ==========================================================================
   LoanPro Brand Theme
   Lightweight override layer on top of AdminLTE / Bootstrap 4.
   Palette:
     --lp-primary        #143D80  deep finance blue
     --lp-primary-dark   #0B2A5C  darker blue (hover/active)
     --lp-navy           #0B1F3A  sidebar / header navy
     --lp-accent         #00B07A  teal-green (growth, positive amounts)
     --lp-accent-dark    #018F63
   ========================================================================== */

:root {
  --lp-primary: #143D80;
  --lp-primary-dark: #0B2A5C;
  --lp-navy: #0B1F3A;
  --lp-accent: #00B07A;
  --lp-accent-dark: #018F63;
}

body, .content-wrapper {
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Brand / primary color overrides */
.bg-primary { background-color: var(--lp-primary) !important; }
.text-primary { color: var(--lp-primary) !important; }
.border-primary { border-color: var(--lp-primary) !important; }

.btn-primary {
  background-color: var(--lp-primary) !important;
  border-color: var(--lp-primary) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--lp-primary-dark) !important;
  border-color: var(--lp-primary-dark) !important;
}
.btn-outline-primary {
  color: var(--lp-primary) !important;
  border-color: var(--lp-primary) !important;
}
.btn-outline-primary:hover {
  background-color: var(--lp-primary) !important;
  color: #fff !important;
}

.badge-primary { background-color: var(--lp-primary) !important; }

.card-primary:not(.card-outline) > .card-header {
  background-color: var(--lp-primary) !important;
}
.card-primary.card-outline {
  border-top-color: var(--lp-primary) !important;
}

/* Growth / teal accent -- used for CTAs and positive money figures */
.bg-accent { background-color: var(--lp-accent) !important; color: #fff !important; }
.text-accent { color: var(--lp-accent) !important; }
.text-money-positive { color: var(--lp-accent-dark) !important; font-weight: 600; }
.text-money-negative { color: #dc3545 !important; font-weight: 600; }

/* Sidebar */
.sidebar-dark-primary .brand-link:not([class*="navbar"]) {
  background-color: var(--lp-navy) !important;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.sidebar-dark-primary,
.sidebar-dark-primary .os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background-color: var(--lp-navy) !important;
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item .nav-treeview > .nav-item > .nav-link.active {
  background-color: var(--lp-primary) !important;
  color: #fff !important;
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover {
  background-color: rgba(255,255,255,.06);
}
.nav-header {
  color: var(--lp-accent) !important;
  letter-spacing: .04em;
}

/* Top navbar */
.main-header.navbar-light {
  border-bottom: 1px solid #e9ecef;
}

/* Login / auth pages */
.login-page, .register-page {
  background: linear-gradient(135deg, var(--lp-navy) 0%, var(--lp-primary) 55%, var(--lp-accent-dark) 100%);
}
.login-logo a, .register-logo a { color: #fff; font-weight: 700; letter-spacing: .02em; }
.login-box-msg { color: #4b5563; }

/* Landing page CTA (root index.php uses btn-success / btn-danger) */
.navbar-brand { font-weight: 700; letter-spacing: .01em; }

/* Info boxes / stat tiles - keep bootstrap semantic colors (info/success/danger/warning)
   but nudge purple tiles toward the brand accent for consistency */
.bg-purple { background-color: var(--lp-primary) !important; }

/* Loan status badges (used across loan module pages) */
.badge-loan-pending  { background-color: #f0ad4e; color: #212529; }
.badge-loan-approved { background-color: #17a2b8; color: #fff; }
.badge-loan-disbursed,
.badge-loan-active   { background-color: var(--lp-accent); color: #fff; }
.badge-loan-completed { background-color: var(--lp-primary); color: #fff; }
.badge-loan-rejected,
.badge-loan-defaulted { background-color: #dc3545; color: #fff; }
.badge-loan-overdue  { background-color: #dc3545; color: #fff; }

/* Small footer/version tweak */
.main-footer strong { color: var(--lp-primary); }