/* CRM-only additions. Base layout, forms, cards, tables and responsive behaviour come from Limitless CSS. */
.crm-logo { width: 2rem; height: 2rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50rem; background: #0c83ff; color: #fff; font-weight: 700; }
.crm-stat-card .card-body { min-height: 7rem; }
.crm-stat-icon { width: 2.5rem; height: 2.5rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50rem; }
.status-new,.status-open,.status-draft,.status-normal{background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}
.status-assigned,.status-scheduled,.status-sent,.status-high,.status-contacted{background-color:rgba(var(--warning-rgb),.12);color:#b45309}
.status-completed,.status-paid,.status-done,.status-active,.status-low{background-color:rgba(var(--success-rgb),.12);color:var(--success)}
.status-cancelled,.status-lost,.status-blocked,.status-urgent{background-color:rgba(var(--danger-rgb),.12);color:var(--danger)}
.status-verification-pending,.status-missed,.status-inactive{background-color:rgba(var(--secondary-rgb),.12);color:var(--secondary)}
.required-hint { color: var(--danger); font-size: var(--body-font-size-sm); margin-left: .35rem; }
.crm-mini-bars { display: grid; gap: .625rem; }
.crm-bar-row { display: grid; grid-template-columns: minmax(7rem, .6fr) 1fr 3rem; gap: .625rem; align-items: center; }
.crm-bar-track { height: .5rem; background: var(--gray-200); border-radius: 50rem; overflow: hidden; }
.crm-bar-fill { height: 100%; background: var(--primary); border-radius: 50rem; }
.crm-field-builder-row { background: var(--gray-100); border: 1px solid var(--border-color); border-radius: var(--border-radius); padding: 1rem; margin-bottom: .75rem; }
.schema-preview { background: #111827; color: #dbeafe; border-radius: var(--border-radius); padding: 1rem; overflow: auto; max-height: 20rem; white-space: pre-wrap; }
.crm-empty { padding: 2rem; text-align: center; color: var(--gray-600); }
.crm-nowrap { white-space: nowrap; }
.crm-break { word-break: break-word; }
@media (max-width: 991.98px) {
  .navbar-search { width: 100%; }
  .content { padding: var(--spacer-2); }
  .crm-bar-row { grid-template-columns: 1fr; }
}
@media print {
  .navbar, .sidebar, .page-header, .navbar-footer { display: none !important; }
  .page-content, .content-wrapper, .content-inner { display: block !important; overflow: visible !important; }
  .content { padding: 0 !important; }
}

/* CRM premium color skin and local SVG icon system */

:root {
  --crm-sidebar-start: #111827;
  --crm-sidebar-end: #202938;
  --crm-brand-1: #2563eb;
  --crm-brand-2: #7c3aed;
  --crm-brand-3: #06b6d4;
  --crm-card-radius: 1rem;
}
body {
  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, .10), transparent 26rem),
    radial-gradient(circle at top right, rgba(20, 184, 166, .10), transparent 26rem),
    var(--body-bg);
}
.navbar-dark.navbar-static {
  background: linear-gradient(90deg, #111827 0%, #1f2937 45%, #0f766e 100%);
  box-shadow: 0 10px 30px rgba(15, 23, 42, .18);
}
.sidebar-dark {
  background: linear-gradient(180deg, var(--crm-sidebar-start) 0%, var(--crm-sidebar-end) 60%, #111827 100%);
}
.sidebar-dark .sidebar-section-body {
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.nav-sidebar .nav-link {
  border-radius: .75rem;
  margin: .125rem .75rem;
  transition: transform .15s ease, background-color .15s ease, color .15s ease;
}
.nav-sidebar .nav-link:hover {
  transform: translateX(2px);
}
.nav-sidebar .nav-link.active,
.nav-sidebar .nav-item-open > .nav-link,
.nav-sidebar .nav-item-expanded > .nav-link {
  background: linear-gradient(135deg, rgba(37, 99, 235, .95), rgba(6, 182, 212, .85));
  color: #fff;
  box-shadow: 0 .65rem 1.3rem rgba(37, 99, 235, .22);
}
.nav-sidebar .nav-link > i {
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: .7rem;
  background-color: rgba(255,255,255,.10);
  color: #93c5fd;
  margin-right: .75rem;
}
.nav-sidebar .nav-link.active > i,
.nav-sidebar .nav-item-open > .nav-link > i,
.nav-sidebar .nav-item-expanded > .nav-link > i {
  background-color: rgba(255,255,255,.18);
  color: #fff;
}
.crm-logo {
  background: linear-gradient(135deg, #2563eb, #06b6d4 55%, #22c55e);
  box-shadow: 0 .5rem 1rem rgba(37, 99, 235, .25);
}
.page-header-light {
  border: 0;
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(8px);
}
.content .card,
.card {
  border: 0;
  border-radius: var(--crm-card-radius);
  box-shadow: 0 .65rem 1.5rem rgba(15, 23, 42, .07);
}
.card-header {
  border-top-left-radius: var(--crm-card-radius) !important;
  border-top-right-radius: var(--crm-card-radius) !important;
}
.btn {
  border-radius: .7rem;
}
.btn-primary {
  background: linear-gradient(135deg, var(--crm-brand-1), var(--crm-brand-2));
  border-color: transparent;
  box-shadow: 0 .5rem 1rem rgba(37, 99, 235, .18);
}
.btn-primary:hover { filter: brightness(.98); border-color: transparent; }
.table tbody tr:hover { background-color: rgba(37, 99, 235, .035); }
.crm-stat-card {
  overflow: hidden;
  position: relative;
}
.crm-stat-card::after {
  content: "";
  position: absolute;
  right: -2rem;
  top: -2rem;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(37, 99, 235, .10), rgba(6, 182, 212, .12));
}
.crm-stat-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 1rem;
  position: relative;
  z-index: 1;
}
.crm-queue-card {
  border: 0;
  overflow: hidden;
  position: relative;
  min-height: 10rem;
}
.crm-queue-card::before {
  content: "";
  position: absolute;
  inset: auto -2rem -3rem auto;
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  background: rgba(255,255,255,.16);
}
.crm-queue-card::after {
  content: "";
  position: absolute;
  inset: -4rem auto auto -3rem;
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  background: rgba(255,255,255,.10);
}
.crm-queue-card .card-body,
.crm-queue-card .card-footer { position: relative; z-index: 1; }
.queue-new { background: linear-gradient(135deg, #2563eb, #0ea5e9) !important; }
.queue-contacted { background: linear-gradient(135deg, #06b6d4, #14b8a6) !important; }
.queue-assigned { background: linear-gradient(135deg, #f59e0b, #f97316) !important; }
.queue-completed { background: linear-gradient(135deg, #16a34a, #22c55e) !important; }
.queue-cancelled { background: linear-gradient(135deg, #ef4444, #f43f5e) !important; }
.crm-queue-icon {
  width: 3.75rem;
  height: 3.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.25rem;
  background: rgba(255,255,255,.18);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);
}
.crm-queue-icon i { width: 2rem; height: 2rem; }
.badge.bg-transparent {
  background: rgba(255,255,255,.10) !important;
  color: inherit;
}
.status-new,.status-open,.status-draft,.status-normal{background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(14,165,233,.12));color:#1d4ed8}
.status-assigned,.status-scheduled,.status-sent,.status-high,.status-contacted{background:linear-gradient(135deg,rgba(245,158,11,.16),rgba(249,115,22,.12));color:#b45309}
.status-completed,.status-paid,.status-done,.status-active,.status-low{background:linear-gradient(135deg,rgba(22,163,74,.14),rgba(20,184,166,.12));color:#047857}
.status-cancelled,.status-lost,.status-blocked,.status-urgent{background:linear-gradient(135deg,rgba(239,68,68,.14),rgba(244,63,94,.12));color:#be123c}
.status-verification-pending,.status-missed,.status-inactive{background:linear-gradient(135deg,rgba(100,116,139,.14),rgba(148,163,184,.12));color:#475569}


/* Local SVG icon fallback for Phosphor-style classes. This prevents missing-icon boxes when the Phosphor font files are absent. */
i[class^="ph-"], i[class*=" ph-"] {
  --crm-icon-size: 1.25rem;
  display: inline-block;
  width: var(--crm-icon-size);
  height: var(--crm-icon-size);
  min-width: var(--crm-icon-size);
  vertical-align: -0.18em;
  background-color: currentColor;
  -webkit-mask: var(--crm-icon) center / contain no-repeat;
  mask: var(--crm-icon) center / contain no-repeat;
  font-size: 0 !important;
  line-height: 1;
}
i[class^="ph-"]::before, i[class*=" ph-"]::before { content: none !important; }
.ph-sm { --crm-icon-size: 1rem; }
.ph-2x { --crm-icon-size: 2rem; }

.ph-arrow-circle-right{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%229%22/%3E%3Cpath%20d=%22m12%208%204%204-4%204M8%2012h8%22/%3E%3C/svg%3E"); }
.ph-arrow-left{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M19%2012H5M12%2019l-7-7%207-7%22/%3E%3C/svg%3E"); }
.ph-arrows-left-right{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M8%207H3m0%200%203-3M3%207l3%203%22/%3E%3Cpath%20d=%22M16%2017h5m0%200-3-3m3%203-3%203%22/%3E%3Cpath%20d=%22M4%2017h16M20%207H4%22/%3E%3C/svg%3E"); }
.ph-browser{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%225%22%20width=%2218%22%20height=%2214%22%20rx=%222%22/%3E%3Cpath%20d=%22M3%209h18%22/%3E%3Cpath%20d=%22M7%207h.01M10%207h.01%22/%3E%3C/svg%3E"); }
.ph-calendar-check{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%224%22%20y=%225%22%20width=%2216%22%20height=%2216%22%20rx=%222%22/%3E%3Cpath%20d=%22M8%203v4M16%203v4M4%2010h16%22/%3E%3Cpath%20d=%22m8.5%2015%202.5%202.5%205-5%22/%3E%3C/svg%3E"); }
.ph-caret-double-left{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222.25%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22m11%2017-5-5%205-5M18%2017l-5-5%205-5%22/%3E%3C/svg%3E"); }
.ph-caret-double-right{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222.25%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22m13%207%205%205-5%205M6%207l5%205-5%205%22/%3E%3C/svg%3E"); }
.ph-caret-down{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22m6%209%206%206%206-6%22/%3E%3C/svg%3E"); }
.ph-caret-left{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22m15%2019-7-7%207-7%22/%3E%3C/svg%3E"); }
.ph-caret-right{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22m9%205%207%207-7%207%22/%3E%3C/svg%3E"); }
.ph-chart-bar{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2020h16%22/%3E%3Crect%20x=%226%22%20y=%2211%22%20width=%223%22%20height=%226%22%20rx=%221%22/%3E%3Crect%20x=%2211%22%20y=%227%22%20width=%223%22%20height=%2210%22%20rx=%221%22/%3E%3Crect%20x=%2216%22%20y=%224%22%20width=%223%22%20height=%2213%22%20rx=%221%22/%3E%3C/svg%3E"); }
.ph-chats{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M7%2015%204%2018V6a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202v7a2%202%200%200%201-2%202H7Z%22/%3E%3Cpath%20d=%22M10%2018h7l3%203V10%22/%3E%3C/svg%3E"); }
.ph-check-square{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%224%22%20y=%224%22%20width=%2216%22%20height=%2216%22%20rx=%222%22/%3E%3Cpath%20d=%22m8%2012%203%203%205-6%22/%3E%3C/svg%3E"); }
.ph-clock{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%229%22/%3E%3Cpath%20d=%22M12%207v5l3.5%202%22/%3E%3C/svg%3E"); }
.ph-clock-counter-clockwise{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%2012a9%209%200%201%200%203-6.7%22/%3E%3Cpath%20d=%22M3%204v5h5%22/%3E%3Cpath%20d=%22M12%207v6l4%202%22/%3E%3C/svg%3E"); }
.ph-code{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22m8%209-4%203%204%203M16%209l4%203-4%203M14%205l-4%2014%22/%3E%3C/svg%3E"); }
.ph-currency-inr{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%204h12M6%208h12M8%204c7%200%207%209%200%209h-1l8%207%22/%3E%3C/svg%3E"); }
.ph-dots-three{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22black%22%3E%3Ccircle%20cx=%225%22%20cy=%2212%22%20r=%222%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%222%22/%3E%3Ccircle%20cx=%2219%22%20cy=%2212%22%20r=%222%22/%3E%3C/svg%3E"); }
.ph-eye{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M2%2012s4-7%2010-7%2010%207%2010%207-4%207-10%207S2%2012%202%2012Z%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3C/svg%3E"); }
.ph-floppy-disk{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M5%203h12l2%202v16H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2Z%22/%3E%3Cpath%20d=%22M7%203v6h9V3M7%2021v-7h10v7%22/%3E%3C/svg%3E"); }
.ph-gear{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3Cpath%20d=%22M19.4%2015a1.8%201.8%200%200%200%20.36%202l.04.04a2%202%200%200%201-2.83%202.83l-.04-.04a1.8%201.8%200%200%200-2-.36%201.8%201.8%200%200%200-1.1%201.66V21a2%202%200%200%201-4%200v-.06A1.8%201.8%200%200%200%208.7%2019.3a1.8%201.8%200%200%200-2%20.36l-.04.04a2%202%200%201%201-2.83-2.83l.04-.04a1.8%201.8%200%200%200%20.36-2A1.8%201.8%200%200%200%202.6%2013H2a2%202%200%200%201%200-4h.06A1.8%201.8%200%200%200%203.7%207.9a1.8%201.8%200%200%200-.36-2l-.04-.04A2%202%200%201%201%206.13%203l.04.04a1.8%201.8%200%200%200%202%20.36H8.3A1.8%201.8%200%200%200%2010%201.8V2a2%202%200%201%201%204%200v.06a1.8%201.8%200%200%200%201.1%201.64%201.8%201.8%200%200%200%202-.36l.04-.04a2%202%200%201%201%202.83%202.83l-.04.04a1.8%201.8%200%200%200-.36%202c.2.5.7.9%201.64%201.1H22a2%202%200%201%201%200%204h-.06A1.8%201.8%200%200%200%2019.4%2015Z%22/%3E%3C/svg%3E"); }
.ph-house{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%2010.5%2012%203l9%207.5%22/%3E%3Cpath%20d=%22M5%2010v10h14V10%22/%3E%3Cpath%20d=%22M9%2020v-6h6v6%22/%3E%3C/svg%3E"); }
.ph-list{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M8%206h13M8%2012h13M8%2018h13%22/%3E%3Ccircle%20cx=%224%22%20cy=%226%22%20r=%221%22%20fill=%22black%22/%3E%3Ccircle%20cx=%224%22%20cy=%2212%22%20r=%221%22%20fill=%22black%22/%3E%3Ccircle%20cx=%224%22%20cy=%2218%22%20r=%221%22%20fill=%22black%22/%3E%3C/svg%3E"); }
.ph-list-checks{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M9%206h11M9%2012h11M9%2018h11%22/%3E%3Cpath%20d=%22m3.5%206%201.2%201.2L7%204.8M3.5%2012l1.2%201.2L7%2010.8M3.5%2018l1.2%201.2L7%2016.8%22/%3E%3C/svg%3E"); }
.ph-magnifying-glass{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%3E%3Ccircle%20cx=%2211%22%20cy=%2211%22%20r=%227%22/%3E%3Cpath%20d=%22m16.5%2016.5%204%204%22/%3E%3C/svg%3E"); }
.ph-paper-plane-tilt{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M22%202%2011%2013%22/%3E%3Cpath%20d=%22M22%202%2015%2022l-4-9-9-4%2020-7Z%22/%3E%3C/svg%3E"); }
.ph-pencil{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22m16%203%205%205L8%2021H3v-5L16%203Z%22/%3E%3C/svg%3E"); }
.ph-pencil-simple{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22m16%203%205%205L8%2021H3v-5L16%203Z%22/%3E%3C/svg%3E"); }
.ph-phone-call{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M22%2016.9v3a2%202%200%200%201-2.2%202%2019.8%2019.8%200%200%201-8.6-3.1%2019.5%2019.5%200%200%201-6-6A19.8%2019.8%200%200%201%202.1%204.2%202%202%200%200%201%204.1%202h3a2%202%200%200%201%202%201.7c.1%201%20.4%201.9.7%202.8a2%202%200%200%201-.45%202.1L8.1%209.9a16%2016%200%200%200%206%206l1.3-1.3a2%202%200%200%201%202.1-.45c.9.35%201.8.6%202.8.75A2%202%200%200%201%2022%2016.9Z%22/%3E%3C/svg%3E"); }
.ph-plus{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222.25%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M12%205v14M5%2012h14%22/%3E%3C/svg%3E"); }
.ph-pulse{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%2012h4l2-6%204%2012%202-6h6%22/%3E%3C/svg%3E"); }
.ph-sign-in{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M14%2017l5-5-5-5M19%2012H7%22/%3E%3Cpath%20d=%22M12%203H6a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h6%22/%3E%3C/svg%3E"); }
.ph-sign-out{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M10%2017l5-5-5-5M15%2012H3%22/%3E%3Cpath%20d=%22M12%203h6a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202h-6%22/%3E%3C/svg%3E"); }
.ph-sparkle{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22black%22%3E%3Cpath%20d=%22M12%202.5%2014.7%209%2021.5%2012%2014.7%2015%2012%2021.5%209.3%2015%202.5%2012%209.3%209%2012%202.5Z%22/%3E%3Cpath%20d=%22M19%203l.9%202.1L22%206l-2.1.9L19%209l-.9-2.1L16%206l2.1-.9L19%203Z%22/%3E%3C/svg%3E"); }
.ph-squares-four{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%224%22%20y=%224%22%20width=%226%22%20height=%226%22%20rx=%221%22/%3E%3Crect%20x=%2214%22%20y=%224%22%20width=%226%22%20height=%226%22%20rx=%221%22/%3E%3Crect%20x=%224%22%20y=%2214%22%20width=%226%22%20height=%226%22%20rx=%221%22/%3E%3Crect%20x=%2214%22%20y=%2214%22%20width=%226%22%20height=%226%22%20rx=%221%22/%3E%3C/svg%3E"); }
.ph-trash{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%207h16M10%2011v6M14%2011v6M6%207l1%2014h10l1-14M9%207V4h6v3%22/%3E%3C/svg%3E"); }
.ph-user-switch{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%229%22%20cy=%227%22%20r=%223%22/%3E%3Cpath%20d=%22M3%2020a6%206%200%200%201%2012%200%22/%3E%3Cpath%20d=%22M17%207h4m0%200-2-2m2%202-2%202M21%2015h-4m0%200%202-2m-2%202%202%202%22/%3E%3C/svg%3E"); }
.ph-users-three{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%228%22%20r=%223%22/%3E%3Cpath%20d=%22M6%2020a6%206%200%200%201%2012%200%22/%3E%3Cpath%20d=%22M4.5%2011a2.5%202.5%200%200%200%200%205M19.5%2011a2.5%202.5%200%200%201%200%205%22/%3E%3C/svg%3E"); }
.ph-x{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222.25%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M6%206l12%2012M18%206%206%2018%22/%3E%3C/svg%3E"); }
.ph-x-circle{ --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%229%22/%3E%3Cpath%20d=%22M9%209l6%206M15%209l-6%206%22/%3E%3C/svg%3E"); }
.ph-arrow-circle-right, .ph-arrow-right { --crm-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%229%22/%3E%3Cpath%20d=%22m12%208%204%204-4%204M8%2012h8%22/%3E%3C/svg%3E"); }
i[class^="ph-"]:not([style]), i[class*=" ph-"]:not([style]) { }

@media (max-width: 991.98px) {
  .crm-queue-card { min-height: 8.5rem; }
  .nav-sidebar .nav-link { margin-inline: .5rem; }
  .crm-queue-icon { width: 3rem; height: 3rem; border-radius: 1rem; }
}


/* Internal operations skin: cleaner, calmer colors for employee use */
:root {
  --crm-sidebar-start: #1f2937;
  --crm-sidebar-end: #111827;
  --crm-brand-1: #2563eb;
  --crm-brand-2: #2563eb;
  --crm-brand-3: #0ea5e9;
  --crm-card-radius: .65rem;
}

body {
  background: #f4f6f9;
}

.navbar-dark.navbar-static {
  background: #1f2937;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .16);
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

.sidebar-dark {
  background: #1f2937;
}

.sidebar-dark .sidebar-section-body {
  border-bottom: 1px solid rgba(255,255,255,.07);
}

.crm-logo {
  background: #2563eb;
  box-shadow: none;
}

.page-header-light {
  background: #fff;
  backdrop-filter: none;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .08) !important;
}

.content .card,
.card {
  border: 1px solid #e5e7eb;
  border-radius: var(--crm-card-radius);
  box-shadow: 0 1px 3px rgba(15, 23, 42, .07);
}

.btn {
  border-radius: .45rem;
}

.btn-primary {
  background: #2563eb;
  border-color: #2563eb;
  box-shadow: none;
}

.btn-primary:hover,
.btn-primary:focus {
  background: #1d4ed8;
  border-color: #1d4ed8;
  filter: none;
}

.nav-sidebar .nav-link {
  border-radius: .45rem;
  margin: .075rem .75rem;
  transform: none !important;
}

.nav-sidebar .nav-link:hover {
  background: rgba(255,255,255,.06);
}

.nav-sidebar .nav-link.active,
.nav-sidebar .nav-item-open > .nav-link,
.nav-sidebar .nav-item-expanded > .nav-link {
  background: rgba(37, 99, 235, .18);
  color: #fff;
  box-shadow: inset 3px 0 0 #60a5fa;
}

.nav-sidebar .nav-link > i {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: .375rem;
  background-color: transparent;
  color: #cbd5e1;
  margin-right: .65rem;
}

.nav-sidebar .nav-link.active > i,
.nav-sidebar .nav-item-open > .nav-link > i,
.nav-sidebar .nav-item-expanded > .nav-link > i {
  background-color: transparent;
  color: #fff;
}

/* Replace Limitless icon-font submenu arrows with CSS chevrons. This removes the square/missing glyph. */
.nav-item-submenu > .nav-link:after {
  content: "" !important;
  font-family: initial !important;
  width: .48rem;
  height: .48rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  right: 1rem;
  top: 50%;
  margin-top: -.24rem;
  transform: rotate(-45deg);
  opacity: .72;
}

.nav-item-submenu.nav-item-open > .nav-link:after,
.nav-item-submenu.nav-item-expanded > .nav-link:after {
  transform: rotate(45deg);
}

/* Real inline SVG controls for menu/collapse buttons; no icon font or CSS mask dependency. */
.crm-svg-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  vertical-align: -0.18em;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sidebar-control .crm-svg-icon,
.sidebar-mobile-main-toggle .crm-svg-icon,
.navbar-toggler .crm-svg-icon {
  color: currentColor;
}

/* Minimal dashboard queue cards: keep color as a small status accent, not full marketing-style gradients. */
.crm-queue-card,
.crm-queue-card.bg-primary,
.crm-queue-card.bg-info,
.crm-queue-card.bg-warning,
.crm-queue-card.bg-success,
.crm-queue-card.bg-danger,
.queue-new,
.queue-contacted,
.queue-assigned,
.queue-completed,
.queue-cancelled {
  background: #fff !important;
  color: #1f2937 !important;
  border: 1px solid #e5e7eb !important;
  border-left-width: .35rem !important;
  min-height: 8.75rem;
}

.crm-queue-card::before,
.crm-queue-card::after { content: none; }

.queue-new { border-left-color: #2563eb !important; }
.queue-contacted { border-left-color: #0891b2 !important; }
.queue-assigned { border-left-color: #d97706 !important; }
.queue-completed { border-left-color: #16a34a !important; }
.queue-cancelled { border-left-color: #dc2626 !important; }

.crm-queue-card .card-footer {
  background: #f9fafb;
  border-color: #e5e7eb !important;
}

.crm-queue-card a.text-white,
.crm-queue-card .text-white {
  color: #2563eb !important;
}

.crm-queue-card .opacity-75 {
  opacity: 1 !important;
  color: #6b7280;
}

.crm-queue-icon {
  width: 3rem;
  height: 3rem;
  border-radius: .75rem;
  box-shadow: none;
  background: #eff6ff;
  color: #2563eb;
}
.queue-contacted .crm-queue-icon { background: #ecfeff; color: #0891b2; }
.queue-assigned .crm-queue-icon { background: #fffbeb; color: #d97706; }
.queue-completed .crm-queue-icon { background: #f0fdf4; color: #16a34a; }
.queue-cancelled .crm-queue-icon { background: #fef2f2; color: #dc2626; }

.crm-stat-icon {
  border-radius: .65rem;
}

.badge.bg-transparent {
  background: rgba(255,255,255,.08) !important;
}

.table tbody tr:hover {
  background-color: #f8fafc;
}

/* Employee simple skin v2: minimum color, internal ops style */
:root {
  --crm-page-bg: #f6f7f9;
  --crm-surface: #ffffff;
  --crm-border: #e5e7eb;
  --crm-text: #111827;
  --crm-muted: #6b7280;
  --crm-primary: #2563eb;
  --crm-sidebar: #22272e;
  --crm-sidebar-muted: #9ca3af;
  --crm-card-radius: .5rem;
}

body {
  background: var(--crm-page-bg) !important;
  color: var(--crm-text);
}

.navbar-dark.navbar-static {
  background: #181c20 !important;
  box-shadow: none !important;
  border-bottom: 1px solid #2f343a !important;
}

.navbar-dark .navbar-nav-link,
.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand a {
  color: #f3f4f6 !important;
}

.sidebar-dark {
  background: var(--crm-sidebar) !important;
}

.sidebar-dark .sidebar-section-body {
  border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
}

.nav-sidebar .nav-item-header {
  color: var(--crm-sidebar-muted);
}

.nav-sidebar .nav-link {
  border-radius: .375rem !important;
  margin: 0 .65rem .125rem !important;
  color: #d1d5db;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.nav-sidebar .nav-link:hover {
  background: rgba(255, 255, 255, .055) !important;
  color: #fff;
}

.nav-sidebar .nav-link.active,
.nav-sidebar .nav-item-open > .nav-link,
.nav-sidebar .nav-item-expanded > .nav-link {
  background: rgba(255, 255, 255, .075) !important;
  color: #fff !important;
  box-shadow: inset 3px 0 0 #8ab4f8 !important;
}

.nav-sidebar .nav-link > i {
  width: 1.25rem !important;
  height: 1.25rem !important;
  min-width: 1.25rem !important;
  margin-right: .65rem !important;
  color: #cbd5e1 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.nav-sidebar .nav-link.active > i,
.nav-sidebar .nav-item-open > .nav-link > i,
.nav-sidebar .nav-item-expanded > .nav-link > i {
  color: #fff !important;
}

.page-header-light {
  background: #fff !important;
  border-bottom: 1px solid var(--crm-border) !important;
  box-shadow: none !important;
}

.page-title,
.card-header h5,
.card-header .mb-0 {
  color: var(--crm-text);
}

.content .card,
.card {
  background: var(--crm-surface) !important;
  border: 1px solid var(--crm-border) !important;
  border-radius: var(--crm-card-radius) !important;
  box-shadow: none !important;
}

.card-header,
.card-footer {
  background: #fff !important;
  border-color: var(--crm-border) !important;
}

.table thead th {
  background: #f9fafb;
  color: #374151;
  border-bottom-color: var(--crm-border) !important;
}

.table tbody tr:hover {
  background: #f9fafb !important;
}

.form-control,
.form-select {
  border-color: #d1d5db;
  border-radius: .375rem;
}

.form-control:focus,
.form-select:focus {
  border-color: #93c5fd;
  box-shadow: 0 0 0 .16rem rgba(37, 99, 235, .12);
}

.btn {
  border-radius: .375rem !important;
  box-shadow: none !important;
}

.btn-primary {
  background: var(--crm-primary) !important;
  border-color: var(--crm-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}

.crm-logo {
  background: #374151 !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Dashboard queue cards: mostly white, only a thin status line */
.crm-queue-card,
.crm-queue-card.bg-primary,
.crm-queue-card.bg-info,
.crm-queue-card.bg-warning,
.crm-queue-card.bg-success,
.crm-queue-card.bg-danger,
.queue-new,
.queue-contacted,
.queue-assigned,
.queue-completed,
.queue-cancelled {
  background: #fff !important;
  color: var(--crm-text) !important;
  border: 1px solid var(--crm-border) !important;
  border-top-width: 3px !important;
  border-left-width: 1px !important;
  min-height: 8.25rem !important;
}

.queue-new { border-top-color: #2563eb !important; }
.queue-contacted { border-top-color: #0891b2 !important; }
.queue-assigned { border-top-color: #d97706 !important; }
.queue-completed { border-top-color: #16a34a !important; }
.queue-cancelled { border-top-color: #dc2626 !important; }

.crm-queue-card .card-body,
.crm-queue-card .card-footer {
  color: var(--crm-text) !important;
}

.crm-queue-card .card-footer {
  background: #fafafa !important;
}

.crm-queue-card a,
.crm-queue-card a.text-white,
.crm-queue-card .text-white {
  color: #374151 !important;
}

.crm-queue-card .opacity-75,
.crm-queue-card .fs-sm {
  color: var(--crm-muted) !important;
  opacity: 1 !important;
}

.crm-queue-icon,
.queue-new .crm-queue-icon,
.queue-contacted .crm-queue-icon,
.queue-assigned .crm-queue-icon,
.queue-completed .crm-queue-icon,
.queue-cancelled .crm-queue-icon {
  width: 2.75rem !important;
  height: 2.75rem !important;
  border-radius: .5rem !important;
  background: #f3f4f6 !important;
  color: #4b5563 !important;
  box-shadow: none !important;
}

.crm-stat-icon,
.bg-primary.bg-opacity-10,
.bg-success.bg-opacity-10,
.bg-secondary.bg-opacity-10,
.bg-warning.bg-opacity-10,
.bg-danger.bg-opacity-10,
.bg-info.bg-opacity-10,
.bg-teal.bg-opacity-10 {
  background-color: #f3f4f6 !important;
}

.text-primary,
.text-info,
.text-teal,
.text-success,
.text-warning,
.text-danger,
.text-secondary {
  color: #4b5563 !important;
}

.badge.bg-primary,
.badge.bg-success,
.badge.bg-info,
.badge.bg-warning,
.badge.bg-danger,
.badge.bg-secondary,
.badge.bg-transparent {
  background: #eef2f7 !important;
  color: #374151 !important;
  border: 1px solid #e5e7eb;
}

.status-new,.status-open,.status-draft,.status-normal,
.status-assigned,.status-scheduled,.status-sent,.status-high,.status-contacted,
.status-completed,.status-paid,.status-done,.status-active,.status-low,
.status-cancelled,.status-lost,.status-blocked,.status-urgent,
.status-verification-pending,.status-missed,.status-inactive {
  background: #f3f4f6 !important;
  color: #374151 !important;
  border: 1px solid #e5e7eb;
}

.crm-bar-track { background: #e5e7eb !important; }
.crm-bar-fill { background: #6b7280 !important; }

.alert,
.dropdown-menu {
  border-color: var(--crm-border) !important;
  box-shadow: 0 .35rem 1rem rgba(15, 23, 42, .08) !important;
}

/* Employee simple skin v3: calm UI with readable tables */
:root {
  --crm-page-bg: #f5f6f8;
  --crm-surface: #ffffff;
  --crm-border: #e3e7ee;
  --crm-border-strong: #cfd6df;
  --crm-text: #1f2937;
  --crm-muted: #6b7280;
  --crm-primary: #2563eb;
  --crm-primary-soft: #eef4ff;
  --crm-sidebar: #20252b;
  --crm-sidebar-hover: #2a3038;
  --crm-table-head: #f1f4f8;
  --crm-table-row: #ffffff;
  --crm-table-row-alt: #fbfcfe;
  --crm-table-hover: #f6f9ff;
  --crm-card-radius: .5rem;
}

body {
  background: var(--crm-page-bg) !important;
  color: var(--crm-text) !important;
}

.navbar-dark.navbar-static {
  background: #191d22 !important;
  border-bottom: 1px solid #303640 !important;
  box-shadow: none !important;
}

.sidebar-dark {
  background: var(--crm-sidebar) !important;
}

.sidebar-dark .sidebar-section-body {
  border-bottom-color: rgba(255, 255, 255, .06) !important;
}

.page-header-light {
  background: #fff !important;
  border-bottom: 1px solid var(--crm-border) !important;
  box-shadow: none !important;
}

.content .card,
.card {
  background: var(--crm-surface) !important;
  border: 1px solid var(--crm-border) !important;
  border-radius: var(--crm-card-radius) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .035) !important;
}

.card-header,
.card-footer {
  background: #fff !important;
  border-color: var(--crm-border) !important;
}

.card-header {
  padding-top: .875rem !important;
  padding-bottom: .875rem !important;
}

.page-title,
.card-header h5,
.card-header .mb-0,
.fw-semibold {
  color: var(--crm-text);
}

.text-muted,
.fs-sm.text-muted {
  color: var(--crm-muted) !important;
}

.nav-sidebar .nav-link {
  color: #d4d9e0 !important;
  background: transparent !important;
  border-radius: .4rem !important;
  margin: 0 .65rem .125rem !important;
  box-shadow: none !important;
  transform: none !important;
}

.nav-sidebar .nav-link:hover {
  background: var(--crm-sidebar-hover) !important;
  color: #fff !important;
}

.nav-sidebar .nav-link.active,
.nav-sidebar .nav-item-open > .nav-link,
.nav-sidebar .nav-item-expanded > .nav-link {
  background: #29313b !important;
  color: #fff !important;
  box-shadow: inset 3px 0 0 #60a5fa !important;
}

.nav-sidebar .nav-link > i {
  background: transparent !important;
  color: #b6c0cd !important;
  width: 1.35rem !important;
  height: 1.35rem !important;
  margin-right: .65rem !important;
}

.nav-sidebar .nav-link.active > i,
.nav-sidebar .nav-item-open > .nav-link > i,
.nav-sidebar .nav-item-expanded > .nav-link > i {
  color: #ffffff !important;
}

.nav-sidebar .nav-group-sub .nav-link {
  font-size: .875rem;
  padding-top: .45rem;
  padding-bottom: .45rem;
  color: #b9c0ca !important;
}

.nav-sidebar .badge {
  background: #343b45 !important;
  border-color: rgba(255,255,255,.08) !important;
  color: #d1d5db !important;
}

.crm-logo {
  background: #374151 !important;
  box-shadow: none !important;
}

.btn {
  border-radius: .4rem !important;
  box-shadow: none !important;
}

.btn-primary {
  background: var(--crm-primary) !important;
  border-color: var(--crm-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}

.btn-light {
  background: #f8fafc !important;
  border-color: var(--crm-border-strong) !important;
  color: #374151 !important;
}

.form-control,
.form-select {
  border-color: var(--crm-border-strong) !important;
  border-radius: .4rem !important;
  box-shadow: none !important;
}

.form-control:focus,
.form-select:focus {
  border-color: #93b4e8 !important;
  box-shadow: 0 0 0 .14rem rgba(37, 99, 235, .10) !important;
}

/* Tables: simple, clearer and employee-friendly */
.table-responsive {
  border-top: 1px solid var(--crm-border);
}

.card > .table-responsive:first-child {
  border-top: 0;
}

.table {
  margin-bottom: 0 !important;
  color: var(--crm-text);
  --table-border-color: var(--crm-border);
}

.table thead th {
  background: var(--crm-table-head) !important;
  color: #374151 !important;
  border-bottom: 1px solid var(--crm-border-strong) !important;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .035em;
  text-transform: uppercase;
  padding: .8rem .95rem !important;
  white-space: nowrap;
}

.table tbody td {
  background: var(--crm-table-row) !important;
  border-color: var(--crm-border) !important;
  vertical-align: middle;
  padding: .82rem .95rem !important;
}

.table tbody tr:nth-child(even) td {
  background: var(--crm-table-row-alt) !important;
}

.table tbody tr:hover td {
  background: var(--crm-table-hover) !important;
}

.table .table-light td,
.table tr.table-light td {
  background: #f7f9fc !important;
  color: #4b5563 !important;
  font-weight: 600;
}

.table td .fw-semibold,
.table a.text-body.fw-semibold,
.table .letter-icon-title {
  color: #172033 !important;
}

.table td .text-muted,
.table td .fs-sm {
  color: #6b7280 !important;
}

.table .text-center > a.text-body,
.table .text-center > a:not(.btn) {
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--crm-border);
  border-radius: .45rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #4b5563 !important;
  text-decoration: none;
}

.table .text-center > a.text-body:hover,
.table .text-center > a:not(.btn):hover {
  background: var(--crm-primary-soft);
  border-color: #bcd1f5;
  color: var(--crm-primary) !important;
}

.table .btn,
.table a.btn {
  padding: .32rem .55rem !important;
}

/* Status color is subtle: useful in tables, not noisy. */
.badge.rounded-pill,
.badge {
  font-weight: 600;
  letter-spacing: .01em;
  border: 1px solid transparent;
}

.status-new,
.status-open,
.status-draft,
.status-normal {
  background: #eef4ff !important;
  color: #1d4ed8 !important;
  border-color: #c7d8fb !important;
}

.status-contacted,
.status-assigned,
.status-scheduled,
.status-sent,
.status-high {
  background: #fff7ed !important;
  color: #b45309 !important;
  border-color: #fed7aa !important;
}

.status-completed,
.status-paid,
.status-done,
.status-active,
.status-low {
  background: #ecfdf5 !important;
  color: #047857 !important;
  border-color: #bbf7d0 !important;
}

.status-cancelled,
.status-lost,
.status-blocked,
.status-urgent {
  background: #fef2f2 !important;
  color: #b91c1c !important;
  border-color: #fecaca !important;
}

.status-verification-pending,
.status-missed,
.status-inactive {
  background: #f3f4f6 !important;
  color: #4b5563 !important;
  border-color: #e5e7eb !important;
}

/* Dashboard queue cards: no heavy fill, just a narrow status accent */
.crm-queue-card,
.crm-queue-card.bg-primary,
.crm-queue-card.bg-info,
.crm-queue-card.bg-warning,
.crm-queue-card.bg-success,
.crm-queue-card.bg-danger,
.queue-new,
.queue-contacted,
.queue-assigned,
.queue-completed,
.queue-cancelled {
  background: #fff !important;
  color: var(--crm-text) !important;
  border: 1px solid var(--crm-border) !important;
  border-left-width: .3rem !important;
  border-top-width: 1px !important;
  min-height: 8.25rem !important;
}

.crm-queue-card::before,
.crm-queue-card::after { content: none !important; }

.queue-new { border-left-color: #2563eb !important; }
.queue-contacted { border-left-color: #0891b2 !important; }
.queue-assigned { border-left-color: #d97706 !important; }
.queue-completed { border-left-color: #16a34a !important; }
.queue-cancelled { border-left-color: #dc2626 !important; }

.crm-queue-card .card-body,
.crm-queue-card .card-footer,
.crm-queue-card .text-white,
.crm-queue-card a.text-white {
  color: var(--crm-text) !important;
}

.crm-queue-card .card-footer {
  background: #f8fafc !important;
}

.crm-queue-card .card-footer a {
  color: #475569 !important;
}

.crm-queue-card .card-footer a:hover {
  color: var(--crm-primary) !important;
}

.crm-queue-card .opacity-75,
.crm-queue-card .fs-sm {
  opacity: 1 !important;
  color: var(--crm-muted) !important;
}

.crm-queue-icon,
.queue-new .crm-queue-icon,
.queue-contacted .crm-queue-icon,
.queue-assigned .crm-queue-icon,
.queue-completed .crm-queue-icon,
.queue-cancelled .crm-queue-icon,
.crm-stat-icon {
  width: 2.6rem !important;
  height: 2.6rem !important;
  border-radius: .55rem !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
  box-shadow: none !important;
}

.queue-new .crm-queue-icon { background: #eef4ff !important; color: #2563eb !important; }
.queue-contacted .crm-queue-icon { background: #ecfeff !important; color: #0891b2 !important; }
.queue-assigned .crm-queue-icon { background: #fff7ed !important; color: #d97706 !important; }
.queue-completed .crm-queue-icon { background: #ecfdf5 !important; color: #16a34a !important; }
.queue-cancelled .crm-queue-icon { background: #fef2f2 !important; color: #dc2626 !important; }

.bg-primary.bg-opacity-10,
.bg-success.bg-opacity-10,
.bg-secondary.bg-opacity-10,
.bg-warning.bg-opacity-10,
.bg-danger.bg-opacity-10,
.bg-info.bg-opacity-10,
.bg-teal.bg-opacity-10 {
  background: #f1f5f9 !important;
}

.text-primary,
.text-info,
.text-teal,
.text-success,
.text-warning,
.text-danger,
.text-secondary {
  color: #475569 !important;
}

.crm-bar-track { background: #e5e7eb !important; }
.crm-bar-fill { background: #64748b !important; }

.pagination .page-link {
  border-color: var(--crm-border) !important;
  color: #4b5563 !important;
}

.pagination .active .page-link,
.page-item.active .page-link {
  background: var(--crm-primary) !important;
  border-color: var(--crm-primary) !important;
  color: #fff !important;
}

@media (max-width: 991.98px) {
  .content { padding: .85rem !important; }
  .table thead th,
  .table tbody td { padding: .72rem .8rem !important; }
  .crm-queue-card { min-height: auto !important; }
}

/* Dashboard new booking drill-down panel */
.crm-dashboard-panel {
  scroll-margin-top: 1rem;
}

.crm-dashboard-panel .card-header {
  background: #fff !important;
}

.crm-dashboard-panel .collapse:not(.show) {
  display: none;
}

.crm-panel-highlight {
  animation: crmPanelHighlight 1.1s ease;
}

@keyframes crmPanelHighlight {
  0% { box-shadow: 0 0 0 .18rem rgba(37, 99, 235, .22), 0 .65rem 1.5rem rgba(15, 23, 42, .07); }
  100% { box-shadow: 0 .65rem 1.5rem rgba(15, 23, 42, .07); }
}