
/* v251 — Lead Management layout repair: readable type, proportional tiles, contained table */
.lead-crm-page {
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:clip !important;
  color:#16324f !important;
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
}
.lead-crm-page *, .lead-crm-page *::before, .lead-crm-page *::after { box-sizing:border-box !important; }
.lead-crm-page .lead-hero {
  grid-template-columns:minmax(0,1fr) minmax(250px,.72fr) !important;
  gap:22px !important;
  padding:clamp(22px,2.6vw,34px) !important;
}
.lead-crm-page .lead-hero-actions {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-content:center !important;
  justify-content:flex-start !important;
  gap:9px !important;
  min-width:0 !important;
}
.lead-crm-page .lead-hero-actions .btn {
  width:auto !important;
  min-width:0 !important;
  min-height:44px !important;
  padding:11px 14px !important;
  white-space:nowrap !important;
  font-size:13px !important;
}
.lead-crm-page .lead-kpi-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:0 0 20px !important;
}
.lead-crm-page .lead-kpi {
  min-width:0 !important;
  min-height:160px !important;
  padding:18px !important;
  border-radius:18px !important;
  overflow:hidden !important;
}
.lead-crm-page .lead-kpi small {
  display:block !important;
  font-size:11px !important;
  line-height:1.4 !important;
  letter-spacing:.07em !important;
  font-weight:850 !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
.lead-crm-page .lead-kpi strong {
  display:block !important;
  font-size:30px !important;
  line-height:1.15 !important;
  margin:9px 0 12px !important;
}
.lead-crm-page .lead-kpi em {
  display:block !important;
  font-size:12px !important;
  line-height:1.45 !important;
  font-style:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
.lead-crm-page .lead-dashboard-grid {
  display:grid !important;
  grid-template-columns:minmax(0,1.55fr) minmax(240px,.8fr) !important;
  gap:16px !important;
  align-items:stretch !important;
  margin-bottom:18px !important;
}
.lead-crm-page .lead-dashboard-grid > * { min-width:0 !important; }
.lead-crm-page .lead-pipeline-panel,
.lead-crm-page .lead-dashboard-grid > .panel {
  min-width:0 !important;
  overflow:hidden !important;
  border-radius:18px !important;
}
.lead-crm-page .crm-pipeline {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  padding:16px !important;
}
.lead-crm-page .crm-stage {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:8px !important;
  width:100% !important;
  min-width:0 !important;
  min-height:112px !important;
  padding:13px !important;
  border-radius:15px !important;
  overflow:hidden !important;
}
.lead-crm-page .crm-stage span {
  display:block !important;
  width:100% !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  hyphens:auto !important;
  text-overflow:clip !important;
}
.lead-crm-page .crm-stage strong {
  display:block !important;
  color:#112f50 !important;
  font-size:25px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
}
.lead-crm-page .crm-stage i { display:block !important;width:100% !important;height:5px !important;border-radius:99px !important;margin-top:auto !important; }
.lead-crm-page .lead-workspace,
.lead-crm-page .lead-workspace > .panel { min-width:0 !important;max-width:100% !important; }
.lead-crm-page .lead-workspace > .panel { overflow:hidden !important;border-radius:18px !important; }
.lead-crm-page .lead-workspace .panel-head {
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:18px 20px !important;
}
.lead-crm-page .lead-workspace .panel-head h4 {font-size:17px !important;line-height:1.35 !important;color:#122e4d !important;font-weight:850 !important}
.lead-crm-page .lead-workspace .panel-head small {font-size:12px !important;line-height:1.5 !important;color:#687f98 !important}
.lead-crm-page .crm-toolbar {
  display:grid !important;
  grid-template-columns:minmax(220px,1.5fr) minmax(120px,.6fr) minmax(130px,.7fr) auto !important;
  gap:9px !important;
  align-items:center !important;
  padding:13px 16px !important;
  min-width:0 !important;
}
.lead-crm-page .crm-toolbar > * { min-width:0 !important;max-width:100% !important; }
.lead-crm-page .crm-toolbar input,
.lead-crm-page .crm-toolbar select {
  width:100% !important;
  min-width:0 !important;
  min-height:42px !important;
  border-radius:11px !important;
  font-size:13px !important;
}
.lead-crm-page .table-wrap {
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  overscroll-behavior-x:contain !important;
  -webkit-overflow-scrolling:touch !important;
  direction:ltr !important;
  scrollbar-width:thin !important;
  scrollbar-color:#9aafc5 #edf2f8 !important;
}
.lead-crm-page .crm-table {
  width:100% !important;
  min-width:1080px !important;
  table-layout:auto !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}
.lead-crm-page .crm-table th {
  padding:13px 12px !important;
  color:#46627f !important;
  background:#f0f5fb !important;
  font-size:11px !important;
  font-weight:850 !important;
  line-height:1.4 !important;
  letter-spacing:.04em !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
.lead-crm-page .crm-table td {
  padding:14px 12px !important;
  color:#2c4661 !important;
  font-size:12px !important;
  line-height:1.5 !important;
  vertical-align:middle !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
.lead-crm-page .crm-table tbody tr { height:auto !important; }
.lead-crm-page .crm-lead-person {display:flex !important;align-items:center !important;gap:10px !important;min-width:180px !important}
.lead-crm-page .crm-lead-person > div:last-child {min-width:0 !important}
.lead-crm-page .crm-lead-person .lead-name {display:block !important;font-size:13px !important;font-weight:850 !important;line-height:1.4 !important;color:#173653 !important;overflow-wrap:anywhere !important}
.lead-crm-page .crm-lead-person small {display:block !important;font-size:11px !important;line-height:1.5 !important;color:#6b8098 !important;overflow-wrap:anywhere !important}
.lead-crm-page .source-chip {display:inline-flex !important;max-width:125px !important;padding:7px 9px !important;border-radius:999px !important;font-size:10px !important;line-height:1.3 !important;font-weight:800 !important;white-space:normal !important;overflow-wrap:anywhere !important}
.lead-crm-page .lead-status-wrap {min-width:120px !important}
.lead-crm-page .status-select {width:100% !important;min-width:120px !important;min-height:40px !important;padding:8px 10px !important;border-radius:10px !important;font-size:12px !important;font-weight:750 !important}
.lead-crm-page .remark-preview {display:inline-block !important;max-width:145px !important;line-height:1.5 !important;overflow-wrap:anywhere !important}
.lead-crm-page .actions {display:flex !important;flex-wrap:wrap !important;gap:6px !important;min-width:92px !important}
.lead-crm-page .icon-btn,
.lead-crm-page .wa-btn {width:34px !important;height:34px !important;min-width:34px !important;min-height:34px !important;border-radius:10px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:14px !important}
@media(max-width:1050px) {
 .lead-crm-page .lead-hero {grid-template-columns:minmax(0,1fr) !important}
 .lead-crm-page .lead-hero-actions {justify-content:flex-start !important}
 .lead-crm-page .lead-dashboard-grid {grid-template-columns:minmax(0,1fr) !important}
 .lead-crm-page .lead-kpi-grid {grid-template-columns:repeat(3,minmax(0,1fr)) !important}
 .lead-crm-page .crm-toolbar {grid-template-columns:minmax(0,1fr) minmax(130px,.6fr) !important}
 .lead-crm-page .crm-toolbar .crm-search {grid-column:1 / -1 !important}
}
@media(max-width:620px) {
 .lead-crm-page .lead-hero {padding:20px !important;border-radius:18px !important}
 .lead-crm-page .lead-hero h2 {font-size:27px !important}
 .lead-crm-page .lead-hero p {font-size:14px !important}
 .lead-crm-page .lead-hero-actions {display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important}
 .lead-crm-page .lead-hero-actions .btn {width:100% !important;white-space:normal !important;min-height:44px !important;font-size:12px !important;padding:9px !important}
 .lead-crm-page .lead-kpi-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important}
 .lead-crm-page .lead-kpi {min-height:140px !important;padding:14px !important;border-radius:15px !important}
 .lead-crm-page .lead-kpi strong {font-size:27px !important;margin:8px 0 10px !important}
 .lead-crm-page .lead-kpi small {font-size:10px !important}
 .lead-crm-page .lead-kpi em {font-size:11px !important}
 .lead-crm-page .crm-pipeline {grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;padding:12px !important}
 .lead-crm-page .crm-stage {min-height:100px !important;padding:12px !important}
 .lead-crm-page .crm-stage span {font-size:12px !important}
 .lead-crm-page .crm-stage strong {font-size:24px !important}
 .lead-crm-page .lead-workspace .panel-head {padding:15px !important}
 .lead-crm-page .crm-toolbar {grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;padding:12px !important}
 .lead-crm-page .crm-toolbar .crm-search {grid-column:1 / -1 !important}
 .lead-crm-page .crm-toolbar button {width:100% !important}
 .lead-crm-page .crm-table {min-width:1020px !important}
}
