.demo-login{
    box-shadow: 0 0 2rem 0 rgba(136,152,170,.18)!important;
}
.text-green-600 {
    color: rgba(5, 150, 105, 1);
}

/* ═══════════════════════════════════════════════════
   SevaGet Brand Theme — Warm Ivory + Deep Teal
   ═══════════════════════════════════════════════════ */

:root {
  --sevaget-bg:              #F7F4EF;
  --sevaget-surface:         #FFFFFF;
  --sevaget-primary:         #0B6E6E;
  --sevaget-primary-light:   #E6F4F4;
  --sevaget-primary-rgb:     11, 110, 110;
  --sevaget-secondary:       #E8622A;
  --sevaget-secondary-light: #FEF0EA;
  --sevaget-text-primary:    #1C1C1E;
  --sevaget-text-muted:      #8A8A8E;
  --sevaget-border:          #E8E2D9;
  --sevaget-success:         #2D7A4F;
  --sevaget-error:           #E53935;
  --sevaget-warning:         #F5A623;
  --sevaget-mint:            #E8F5EE;
  --sevaget-lavender:        #F0EDFF;
  --sevaget-card-shadow:     0 2px 16px rgba(11, 110, 110, 0.08);
  --sevaget-radius-sm:       8px;
  --sevaget-radius-md:       14px;
  --sevaget-radius-lg:       20px;
  --sevaget-radius-xl:       28px;

  --bs-primary:              #0B6E6E;
  --bs-primary-rgb:          11, 110, 110;
  --bs-secondary:            #E8622A;
  --bs-body-bg:              #F7F4EF;
  --bs-body-color:           #1C1C1E;
  --bs-border-color:         #E8E2D9;
  --bs-card-bg:              #FFFFFF;
}

body {
  background-color: var(--sevaget-bg) !important;
  color: var(--sevaget-text-primary) !important;
}

.btn-primary {
  background-color: var(--sevaget-primary) !important;
  border-color: var(--sevaget-primary) !important;
  color: #ffffff !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  border-radius: var(--sevaget-radius-md) !important;
  padding: 10px 20px !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #0a5f5f !important;
  border-color: #0a5f5f !important;
}

.btn-secondary {
  background-color: var(--sevaget-secondary) !important;
  border-color: var(--sevaget-secondary) !important;
  color: #ffffff !important;
  border-radius: var(--sevaget-radius-md) !important;
}

.card {
  background-color: var(--sevaget-surface) !important;
  border: 1.5px solid var(--sevaget-border) !important;
  border-radius: var(--sevaget-radius-lg) !important;
  box-shadow: var(--sevaget-card-shadow) !important;
}

a { color: var(--sevaget-primary); }
a:hover { color: #0a5f5f; }

.badge.bg-primary { background-color: var(--sevaget-primary) !important; }
.badge.bg-secondary { background-color: var(--sevaget-secondary) !important; }
.badge.bg-success { background-color: var(--sevaget-success) !important; }

/* Form inputs */
.form-control:focus {
  border-color: var(--sevaget-primary) !important;
  box-shadow: 0 0 0 0.2rem rgba(11, 110, 110, 0.15) !important;
}

/* Navbar override */
.sg-header,
.navbar {
  background-color: var(--sevaget-surface) !important;
  border-bottom: 1.5px solid var(--sevaget-border) !important;
}

/* Section backgrounds */
.bg-primary { background-color: var(--sevaget-primary) !important; }
.text-primary { color: var(--sevaget-primary) !important; }

/* Navbar link hover/active */
.sg-nav-link:hover {
  background-color: var(--sevaget-primary-light) !important;
  color: var(--sevaget-primary) !important;
  border-radius: 8px !important;
}
.sg-nav-link.active {
  color: var(--sevaget-primary) !important;
  font-weight: 700 !important;
}

/* Dropdown item hover */
.sg-dropdown-item:hover {
  background-color: #F7F4EF !important;
}