/* MattWork LeadGen CRM -- shared visual styling on top of Bootstrap 5.
   Loaded by base.html, so every page (admin and intern) picks it up. */

:root {
  --brand-purple: #410E8C;
  --brand-purple-dark: #2c0a61;
  --brand-orange: #F64A22;
  --ink: #1c2321;
  --ink-soft: #5a6260;
  --paper: #f4f3ef;
  --line: #e3e1d8;
}

body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--paper);
  color: var(--ink);
}

/* ---- Navbar ---- */
.navbar {
  background: linear-gradient(90deg, var(--brand-purple-dark), var(--brand-purple)) !important;
  box-shadow: 0 2px 10px rgba(28, 35, 33, 0.12);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.navbar .navbar-brand {
  font-weight: 700;
  letter-spacing: -0.01em;
}
.navbar a.text-white {
  opacity: 0.82;
  font-weight: 500;
  font-size: 0.92rem;
  transition: opacity 0.15s ease;
}
.navbar a.text-white:hover {
  opacity: 1;
  text-decoration: underline !important;
}

/* ---- Cards ---- */
.card {
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(28, 35, 33, 0.04), 0 4px 14px rgba(28, 35, 33, 0.05);
}
.card-header {
  background: #fff;
  border-bottom: 1px solid var(--line);
  border-radius: 12px 12px 0 0 !important;
}

/* ---- Tables ---- */
.table {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.table thead th {
  background: #faf9f6;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--ink-soft);
  border-bottom: 2px solid var(--line);
  white-space: nowrap;
  text-align: center;
}
.table tbody tr:hover {
  background: #faf6ff;
}
.table td, .table th {
  vertical-align: middle;
  text-align: center;
  padding: 0.85rem 1rem;
}

/* ---- Buttons ---- */
.btn-primary {
  background: var(--brand-purple);
  border-color: var(--brand-purple);
}
.btn-primary:hover, .btn-primary:focus {
  background: var(--brand-purple-dark);
  border-color: var(--brand-purple-dark);
}
.btn-outline-primary {
  color: var(--brand-purple);
  border-color: var(--brand-purple);
}
.btn-outline-primary:hover {
  background: var(--brand-purple);
  border-color: var(--brand-purple);
}

/* ---- Flash messages ---- */
.alert-info {
  background: #eee9fb;
  border-color: #d9cdf5;
  color: var(--brand-purple-dark);
  border-radius: 10px;
}

/* ---- Badges (priority / outreach status pills) ---- */
.badge-priority-strong { background: #d6f0dd; color: #1a6b34; }
.badge-priority-possible { background: #fdf0d2; color: #8a5a05; }
.badge-priority-low { background: #ece9e3; color: #5a6260; }
.badge-status-not-contacted { background: #ece9e3; color: #5a6260; }
.badge-status-touch { background: #dce8fb; color: #1a4f8a; }
.badge-status-opened { background: #d2ecfb; color: #0a6b93; }
.badge-status-replied { background: #d6f0dd; color: #1a6b34; }
.badge-status-bounced { background: #f9dcd8; color: #a3402f; }
.pill {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 600;
  white-space: nowrap;
}

/* ---- Misc ---- */
h4 { font-weight: 700; letter-spacing: -0.01em; }
a { color: var(--brand-purple); }
a:hover { color: var(--brand-purple-dark); }