:root {
  --brand: #0d6efd;
  --brand-dark: #0a58ca;
  --bg: #f4f6f9;
}
* { font-family: 'Cairo', sans-serif; }
body { background: var(--bg); }

.navbar-brand { font-weight: 800; }
.navbar-almithaq { background: linear-gradient(90deg, #0d3b8c, #0d6efd); }
.navbar-almithaq .nav-link, .navbar-almithaq .navbar-brand { color: #fff !important; }
.navbar-almithaq .nav-link.active { font-weight: 700; text-decoration: underline; }

.card { border: none; border-radius: 14px; box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.stat-card { border-radius: 16px; padding: 1.2rem; color: #fff; }
.stat-card h3 { font-weight: 800; margin: 0; }
.stat-card small { opacity: .9; }

.bg-new { background: linear-gradient(135deg,#6c757d,#495057); }
.bg-waiting { background: linear-gradient(135deg,#fd7e14,#e8590c); }
.bg-followup { background: linear-gradient(135deg,#0dcaf0,#0aa2c0); }
.bg-noanswer { background: linear-gradient(135deg,#dc3545,#a71d2a); }
.bg-registered { background: linear-gradient(135deg,#198754,#146c43); }
.bg-total { background: linear-gradient(135deg,#0d6efd,#0a58ca); }

.badge-status-new { background:#6c757d; }
.badge-status-waiting { background:#fd7e14; }
.badge-status-follow_up { background:#0dcaf0; color:#000; }
.badge-status-no_answer { background:#dc3545; }
.badge-status-registered { background:#198754; }
.badge-status-lost { background:#343a40; }

table.table-leads td, table.table-leads th { vertical-align: middle; }
.timeline-item { border-right: 3px solid var(--brand); padding: .5rem 1rem; margin-bottom: .5rem; background: #fff; border-radius: 8px; }

.bell-wrap { position: relative; }
form.d-contents { display: contents; }
.bell-dot { position: absolute; top: -2px; left: -4px; background: #dc3545; color:#fff; border-radius: 50%; font-size: .65rem; padding: 1px 5px; }

@media (max-width: 576px) {
  .stat-card h3 { font-size: 1.4rem; }
}