:root {
  --ae-teal: #0d5c63;
  --ae-teal-dark: #093d42;
  --ae-gold: #c99a3c;
  --ae-bg: #f4f6f6;
}

body {
  background: var(--ae-bg);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.app-navbar {
  background: linear-gradient(90deg, var(--ae-teal-dark), var(--ae-teal));
  padding: 0.75rem 0;
}
.app-navbar .navbar-brand, .app-navbar .nav-link, .app-navbar .navbar-text {
  color: #fff !important;
}
.app-navbar .nav-link:hover { color: var(--ae-gold) !important; }

.brand-mark, .brand-mark-sm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--ae-teal);
  color: #fff;
  font-weight: 700;
  border-radius: 10px;
}
.brand-mark { width: 56px; height: 56px; font-size: 1.3rem; margin: 0 auto; }
.brand-mark-sm { width: 30px; height: 30px; font-size: 0.85rem; background: var(--ae-gold); }

.login-body { min-height: 100vh; background: linear-gradient(135deg, var(--ae-teal-dark), var(--ae-teal)); }
.login-card { width: 100%; max-width: 380px; border: none; border-radius: 14px; }

.stat-card {
  border: none;
  border-radius: 14px;
  color: #fff;
  padding: 1.25rem;
}
.stat-card h3 { margin: 0; font-size: 1.9rem; }
.stat-card small { opacity: 0.85; }
.stat-card.bg-teal { background: var(--ae-teal); }
.stat-card.bg-gold { background: var(--ae-gold); }

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

.table thead th { border-bottom-width: 1px; font-weight: 600; font-size: 0.85rem; text-transform: uppercase; color: #555; }

.wa-btn { background: #25D366; color: #fff; border: none; }
.wa-btn:hover { background: #1ebe5b; color: #fff; }