/* ── Brand Colors ───────────────────────────── */
:root {
  --cnx-primary:   #1a56db;
  --cnx-warning:   #f59e0b;
  --cnx-dark:      #111827;
  --cnx-sidebar-w: 240px;
}

/* ── Admin Layout ───────────────────────────── */
.admin-layout .sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
}

.admin-layout .sidebar .nav-link:hover {
  background-color: rgba(255,255,255,0.08);
}

.admin-layout .sidebar .nav-link.active {
  border-radius: 0;
}

/* ── Status Badges ──────────────────────────── */
.badge-received        { background-color: #6b7280; }
.badge-reviewing       { background-color: #3b82f6; }
.badge-visit_scheduled { background-color: #8b5cf6; }
.badge-quote_sent      { background-color: #f59e0b; color:#000; }
.badge-offer_sent      { background-color: #f59e0b; color:#000; }
.badge-accepted        { background-color: #10b981; }
.badge-scheduled       { background-color: #0ea5e9; }
.badge-in_progress     { background-color: #f97316; }
.badge-completed       { background-color: #16a34a; }
.badge-cancelled       { background-color: #ef4444; }
.badge-declined        { background-color: #dc2626; }

/* ── Calendar Color Codes ───────────────────── */
.cal-home_visit    { border-left: 4px solid #3b82f6; background: #eff6ff; }
.cal-instant_quote { border-left: 4px solid #10b981; background: #f0fdf4; }
.cal-hourly        { border-left: 4px solid #f97316; background: #fff7ed; }

/* ── Misc ───────────────────────────────────── */
.cursor-pointer { cursor: pointer; }

.tracking-card {
  border-radius: 12px;
  border: 1px solid #e5e7eb;
}

/* ── Homepage ───────────────────────────────── */
.hero-section {
  background: linear-gradient(135deg, #1a56db 0%, #1e3a8a 100%);
}

.category-card {
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  border-radius: 12px;
}

.category-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
  color: var(--cnx-primary) !important;
}

.category-card i {
  transition: transform 0.18s ease;
}

.category-card:hover i {
  transform: scale(1.15);
}