.lead-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 18px;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #edf3fa;
}
.lead-tab {
  min-width: 112px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #6d7b8c;
  padding: 11px 18px;
  font-weight: 600;
}
.lead-tab.active {
  background: #fff;
  color: var(--gold-dark);
  box-shadow: 0 3px 12px rgba(41, 69, 99, 0.1);
}
.lead-table small { color: var(--muted); }
.custom-date-range { display: flex; align-items: center; gap: 7px; }
.custom-date-range input { width: 142px; border: 1px solid #ddd5cb; border-radius: 10px; background: #fff; padding: 9px 10px; color: #555; }
.custom-date-range span { color: var(--muted); font-size: 12px; }
.lead-note-preview { display:flex; align-items:center; gap:8px; width:300px; max-width:100%; min-width:0; height:32px; box-sizing:border-box; margin-top:5px; padding:0 8px; border-left:2px solid #2563eb; background:#eff6ff; border-radius:4px; }
.lead-note-preview strong { flex:none; color:#1e40af; font-size:12px; white-space:nowrap; }
.lead-note-preview p { flex:1; min-width:0; width:0; margin:0; color:#24344d; font-size:13px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lead-note-preview.no-note { border-color:#d09a38; background:#fffbeb; }
.lead-note-preview.no-note strong { color:#92621c; }
.lead-note-preview .lead-note-edit { flex:none; padding:2px 4px; border:0; background:transparent; color:#174aa1; font-size:12px; line-height:22px; font-weight:600; white-space:nowrap; cursor:pointer; }
.lead-note-drawer { justify-content:flex-end; padding:0; }
.lead-note-drawer .modal { width:min(480px,100vw); height:100%; max-height:100vh; margin:0; border-radius:0; }
.lead-note-drawer textarea { width:100%; box-sizing:border-box; resize:vertical; line-height:1.7; }