.leads-page{background:#f6f7fb;min-height:100vh;padding:24px!important}.leads-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;margin-bottom:18px;border:1px solid #e7e9ef;border-radius:18px;background:#fff}.leads-hero h2{margin:4px 0}.leads-hero p{margin:0;color:#667085}.leads-eyebrow{color:#e41f13;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.leads-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.leads-stat{padding:18px;border:1px solid #eaecf0;border-radius:14px;background:#fff}.leads-stat strong{display:block;color:#101828;font-size:1.6rem}.leads-stat span{color:#667085;font-size:.8rem}.leads-stat.active{border-color:#fecaca;background:#fff7f6}.leads-stat.active strong{color:#b42318}.leads-layout{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(480px,1.3fr);gap:18px;align-items:start}.leads-list-card,.leads-detail-card{min-height:610px;overflow:hidden}.leads-toolbar{display:grid;grid-template-columns:1fr 180px;gap:10px;padding:16px}.leads-search .input-group-text{border-right:0}.leads-search .form-control{border-left:0}.leads-list{max-height:535px;overflow:auto}.lead-list-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:15px 16px;border:0;border-bottom:1px solid #eef0f4;background:#fff;text-align:left}.lead-list-item:hover,.lead-list-item.active{background:#fff4f3}.lead-list-item.active{box-shadow:inset 3px 0 #e41f13}.lead-list-avatar,.leads-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e41f13;color:#fff;font-weight:800}.lead-list-avatar{width:42px;height:42px;font-size:.8rem}.lead-list-copy{min-width:0}.lead-list-copy b,.lead-list-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-list-copy small{color:#667085}.leads-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f2f4f7;color:#344054;font-size:.7rem;font-weight:800}.leads-status.CONTACTED,.leads-status.QUALIFIED{background:#eef4ff;color:#3538cd}.leads-status.PROPOSAL,.leads-status.NEGOTIATION{background:#f4f3ff;color:#5925dc}.leads-status.CONVERTED{background:#ecfdf3;color:#027a48}.leads-status.LOST{background:#fff1f0;color:#b42318}.leads-loading{padding:10px 16px;color:#667085}.leads-empty{display:grid;place-items:center;padding:130px 30px;text-align:center}.leads-empty span{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#fff1f0;color:#e41f13;font-size:32px}.leads-empty h4{margin:16px 0 5px}.leads-empty p{max-width:330px;color:#667085}.leads-detail-head{display:flex;align-items:center;gap:14px;padding:22px;border-bottom:1px solid #eaecf0}.leads-detail-head h3{margin:0 0 6px}.leads-avatar{width:58px;height:58px;font-size:1.05rem}.leads-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding:8px 22px}.leads-detail-grid div{padding:14px 0;border-bottom:1px solid #eef0f4;min-width:0}.leads-detail-grid small,.leads-detail-grid strong{display:block}.leads-detail-grid small{margin-bottom:4px;color:#667085}.leads-detail-grid strong{overflow-wrap:anywhere}.leads-update-form{margin:18px 22px;padding:18px;border:1px solid #fee4e2;border-radius:14px;background:#fffafa}.leads-update-form h5,.leads-history h5{margin:0 0 14px}.leads-history{padding:4px 22px 22px}.lead-history-item{position:relative;margin-left:7px;padding:0 0 18px 22px;border-left:2px solid #fee4e2}.lead-history-item:before{position:absolute;top:3px;left:-6px;width:10px;height:10px;border-radius:50%;background:#e41f13;content:""}.lead-history-item b,.lead-history-item small{display:block}.lead-history-item p{margin:5px 0 0;color:#475467}.lead-history-item small{color:#667085}.leads-no-results{padding:80px 20px;text-align:center;color:#667085}@media(max-width:1100px){.leads-layout{grid-template-columns:1fr}.leads-list-card,.leads-detail-card{min-height:auto}.leads-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.leads-page{padding:10px!important}.leads-hero{align-items:flex-start;padding:18px}.leads-toolbar{grid-template-columns:1fr}.leads-stats{grid-template-columns:1fr 1fr;gap:8px}.leads-detail-grid{grid-template-columns:1fr}}

/* Dark theme for the custom leads workspace, whose original palette is light-only. */
:root[data-bs-theme="dark"] .leads-page {
  color: var(--bs-body-color);
  background: var(--bs-body-bg);
}
:root[data-bs-theme="dark"] .leads-hero,
:root[data-bs-theme="dark"] .leads-stat,
:root[data-bs-theme="dark"] .leads-list-card,
:root[data-bs-theme="dark"] .leads-detail-card {
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  border-color: var(--bs-border-color);
}
:root[data-bs-theme="dark"] .leads-stat strong,
:root[data-bs-theme="dark"] .leads-detail-grid strong,
:root[data-bs-theme="dark"] .leads-detail-head h3,
:root[data-bs-theme="dark"] .leads-detail-head h4,
:root[data-bs-theme="dark"] .leads-page h2,
:root[data-bs-theme="dark"] .leads-page h3,
:root[data-bs-theme="dark"] .leads-page h4,
:root[data-bs-theme="dark"] .leads-page h5 {
  color: var(--bs-body-color);
}
:root[data-bs-theme="dark"] .leads-hero p,
:root[data-bs-theme="dark"] .leads-stat span,
:root[data-bs-theme="dark"] .lead-list-copy small,
:root[data-bs-theme="dark"] .leads-detail-grid small,
:root[data-bs-theme="dark"] .lead-history-item p,
:root[data-bs-theme="dark"] .leads-empty p,
:root[data-bs-theme="dark"] .leads-no-results {
  color: var(--bs-secondary-color);
}
:root[data-bs-theme="dark"] .leads-toolbar,
:root[data-bs-theme="dark"] .leads-page .bg-white,
:root[data-bs-theme="dark"] .leads-search .input-group-text {
  color: var(--bs-body-color) !important;
  background-color: var(--bs-tertiary-bg) !important;
  border-color: var(--bs-border-color);
}
:root[data-bs-theme="dark"] .lead-list-item {
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  border-color: var(--bs-border-color);
}
:root[data-bs-theme="dark"] .lead-list-item:hover,
:root[data-bs-theme="dark"] .lead-list-item.active {
  color: var(--bs-body-color);
  background-color: var(--bs-secondary-bg);
}
:root[data-bs-theme="dark"] .leads-stat.active {
  background-color: rgba(228, 31, 19, .12);
}
:root[data-bs-theme="dark"] .leads-update-form {
  color: var(--bs-body-color);
  background-color: var(--bs-secondary-bg);
  border-color: var(--bs-border-color);
}
:root[data-bs-theme="dark"] .leads-detail-head,
:root[data-bs-theme="dark"] .leads-detail-grid div {
  border-color: var(--bs-border-color);
}
:root[data-bs-theme="dark"] .leads-status {
  color: var(--bs-body-color);
  background-color: var(--bs-secondary-bg);
}

/* Dark-mode surfaces and text for the custom lead workspace. */
:root[data-bs-theme="dark"] .leads-page { color: var(--bs-body-color); background: var(--bs-body-bg); }
:root[data-bs-theme="dark"] .leads-hero,
:root[data-bs-theme="dark"] .leads-stat,
:root[data-bs-theme="dark"] .leads-list-card,
:root[data-bs-theme="dark"] .leads-detail-card { color: var(--bs-body-color); background: var(--bs-tertiary-bg); border-color: var(--bs-border-color); }
:root[data-bs-theme="dark"] .leads-stat strong,
:root[data-bs-theme="dark"] .leads-detail-grid strong,
:root[data-bs-theme="dark"] .leads-page h2,
:root[data-bs-theme="dark"] .leads-page h3,
:root[data-bs-theme="dark"] .leads-page h4,
:root[data-bs-theme="dark"] .leads-page h5 { color: var(--bs-body-color); }
:root[data-bs-theme="dark"] .leads-hero p,
:root[data-bs-theme="dark"] .leads-stat span,
:root[data-bs-theme="dark"] .lead-list-copy small,
:root[data-bs-theme="dark"] .leads-detail-grid small,
:root[data-bs-theme="dark"] .lead-history-item p,
:root[data-bs-theme="dark"] .leads-empty p,
:root[data-bs-theme="dark"] .leads-no-results { color: var(--bs-secondary-color); }
:root[data-bs-theme="dark"] .leads-page .bg-white,
:root[data-bs-theme="dark"] .leads-page .leads-toolbar,
:root[data-bs-theme="dark"] .leads-search .input-group-text { color: var(--bs-body-color) !important; background: var(--bs-tertiary-bg) !important; border-color: var(--bs-border-color); }
:root[data-bs-theme="dark"] .lead-list-item { color: var(--bs-body-color); background: var(--bs-tertiary-bg); border-color: var(--bs-border-color); }
:root[data-bs-theme="dark"] .lead-list-item:hover,
:root[data-bs-theme="dark"] .lead-list-item.active { color: var(--bs-body-color); background: var(--bs-secondary-bg); }
:root[data-bs-theme="dark"] .leads-update-form { color: var(--bs-body-color); background: var(--bs-secondary-bg); border-color: var(--bs-border-color); }
:root[data-bs-theme="dark"] .leads-detail-head,
:root[data-bs-theme="dark"] .leads-detail-grid div { border-color: var(--bs-border-color); }
:root[data-bs-theme="dark"] .leads-status { color: var(--bs-body-color); background: var(--bs-secondary-bg); }
@media (max-width: 575.98px) {
  .leads-page { padding: 8px !important; }
  .leads-hero { align-items: flex-start; flex-direction: column; padding: 16px; }
  .leads-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .leads-layout { grid-template-columns: minmax(0, 1fr); }
  .leads-list-card, .leads-detail-card { min-width: 0; }
  .leads-search { min-width: 0; }
}