/**
 * CF-CRM Teal Theme – apply across the complete project
 * Primary: #009688, Accent: #26A69A, Background gradient: #E0F7FA → #B2DFDB
 */
:root {
  --primary: #009688;
  --blue: #009688;
  --teal: #009688;
  --info: #26A69A;
  --cyan: #26A69A;
}

/* Buttons */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active {
  background-color: #009688 !important;
  border-color: #009688 !important;
}
.btn-primary:hover {
  background-color: #00796b !important;
  border-color: #00796b !important;
}
.btn-outline-primary {
  color: #009688 !important;
  border-color: #009688 !important;
}
.btn-outline-primary:hover {
  background-color: #009688 !important;
  border-color: #009688 !important;
  color: #fff !important;
}

/* Backgrounds & text */
.bg-primary {
  background-color: #009688 !important;
}
.text-primary {
  color: #009688 !important;
}
.border-primary {
  border-color: #009688 !important;
}

/* Card & sidebar left borders */
.border-left-primary {
  border-left: 0.25rem solid #009688 !important;
}
.border-bottom-primary {
  border-bottom: 0.25rem solid #009688 !important;
}
.border-left-info {
  border-left: 0.25rem solid #26A69A !important;
}

/* Admin sidebar gradient (protected) */
#accordionSidebar.bg-gradient-primary,
.navbar-nav.bg-gradient-primary.sidebar {
  background-color: #009688 !important;
  background-image: linear-gradient(180deg, #26A69A 0%, #009688 50%, #00796b 100%) !important;
  background-size: cover !important;
}

/* Dealer sidebar gradient */
#dealerSidebar.bg-gradient-primary {
  background-color: #009688 !important;
  background-image: linear-gradient(180deg, #26A69A 0%, #009688 50%, #00796b 100%) !important;
  background-size: cover !important;
}

/* Topbar / navbar primary */
.topbar .navbar-nav .nav-item .nav-link .nav-link-icon,
.sidebar .nav-item .nav-link .nav-link-icon {
  color: rgba(255, 255, 255, 0.8);
}

/* Links */
a {
  color: #009688;
}
a:hover {
  color: #00796b;
}

/* Pagination & dropdowns */
.page-link {
  color: #009688;
}
.page-item.active .page-link {
  background-color: #009688;
  border-color: #009688;
}
.dropdown-item.active {
  background-color: #009688;
}

/* Badges */
.badge-primary {
  background-color: #009688;
}

/* Chart / dashboard primary */
.card-header.bg-primary,
.bg-primary {
  background-color: #009688 !important;
}

/* Form controls focus */
.form-control:focus,
.custom-select:focus {
  border-color: #26A69A;
  box-shadow: 0 0 0 0.2rem rgba(0, 150, 136, 0.25);
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #009688;
  background-color: #009688;
}

/* Login page background (light blue-green gradient) */
body.login-page-teal {
  background: linear-gradient(to right, #E0F7FA 0%, #B2DFDB 100%) !important;
  min-height: 100vh;
}