/* ============================================================
   Enterprise WhatsApp Management Panel
   Indian-flag inspired theme: Saffron / India Green / Navy
   ============================================================ */
:root {
  --saffron: #FF9933;
  --saffron-dark: #e8852b;
  --india-green: #138808;
  --india-green-dark: #0e6606;
  --ashoka-navy: #000080;
  --bg-light: #FFFFFF;
  --bg-dark: #121417;
  --surface-dark: #1c1f24;
  --text-dark: #1a1a1a;
  --text-light: #f5f5f5;
  --radius: 10px;
}

body {
  font-family: 'Poppins', 'Inter', -apple-system, sans-serif;
  background-color: #f4f6f8;
  color: var(--text-dark);
}

body.dark-mode {
  background-color: var(--bg-dark);
  color: var(--text-light);
}

body.dark-mode .card,
body.dark-mode .main-footer,
body.dark-mode .content-wrapper {
  background-color: var(--surface-dark);
  color: var(--text-light);
}

/* Navbar = Saffron */
.main-header.navbar {
  background-color: var(--saffron) !important;
}
.main-header.navbar .nav-link,
.main-header.navbar .nav-link:hover {
  color: #1a1a1a !important;
}

/* Sidebar = India Green */
.main-sidebar,
.sidebar-dark-primary {
  background-color: var(--india-green) !important;
}
.nav-sidebar > .nav-item > .nav-link.active {
  background-color: var(--saffron) !important;
  color: #fff !important;
}
.nav-sidebar .nav-link {
  color: #eafce6;
}
.brand-link {
  background-color: var(--india-green-dark);
  border-bottom: 0;
}

/* Buttons */
.btn-primary {
  background-color: var(--saffron);
  border-color: var(--saffron);
}
.btn-primary:hover {
  background-color: var(--saffron-dark);
  border-color: var(--saffron-dark);
}
.btn-success {
  background-color: var(--india-green);
  border-color: var(--india-green);
}
.btn-success:hover {
  background-color: var(--india-green-dark);
  border-color: var(--india-green-dark);
}

a, .text-navy {
  color: var(--ashoka-navy);
}

.card {
  border-radius: var(--radius);
  border: none;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.card-header {
  border-radius: var(--radius) var(--radius) 0 0 !important;
}

.btn, .form-control, .select2-container .select2-selection {
  border-radius: 8px;
}

/* Auth pages */
.auth-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--saffron) 0%, #fff 50%, var(--india-green) 100%);
}

.auth-card {
  width: 100%;
  max-width: 420px;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.auth-card .card-header {
  background-color: var(--ashoka-navy);
  color: #fff;
  text-align: center;
  border-radius: 12px 12px 0 0 !important;
  padding: 1.5rem;
}

.brand-chakra {
  color: var(--ashoka-navy);
}

.theme-toggle {
  cursor: pointer;
}

.small-box {
  border-radius: var(--radius);
}