.leads-panel { padding: 0; overflow: hidden; }
.leads-panel > .panel-heading { padding: 24px 25px 18px; }
.leads-panel > .panel-heading h2 { margin-bottom: 0; }
.lead-list { display: grid; }
.lead-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 20px 25px; border-top: 1px solid #eef0f3; }
.lead-card-main { min-width: 0; }
.lead-card-top { display: flex; align-items: center; gap: 8px; margin-bottom: 7px; }
.lead-card h3 { margin: 0; font-size: 17px; line-height: 1.3; }
.lead-card-copy { color: #465269; font-size: 13px; line-height: 1.55; margin: 0 0 8px; overflow-wrap: anywhere; }
.lead-card-meta { color: var(--muted); font-size: 11px; line-height: 1.5; margin: 0; }
.lead-card-actions { display: flex; align-items: center; gap: 10px; }
.lead-badge { display: inline-flex; border-radius: 20px; padding: 5px 8px; font-size: 9px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; }
.lead-badge.preview { color: #8b531f; background: #fff0df; }
.lead-badge.live { color: var(--green); background: #e3f4ed; }
.lead-badge.hot { color: #a6382d; background: #fde9e6; }
.lead-badge.warm { color: #9a5b18; background: #fff0df; }
.lead-badge.early_stage { color: #4d638b; background: #eef2fa; }
.lead-dialog { width: min(880px, calc(100% - 30px)); max-height: calc(100vh - 30px); }
.lead-dialog-shell { padding: 30px; }
.lead-dialog-meta { font-size: 12px; margin: 6px 0 0; }
.lead-dialog-body { display: grid; gap: 18px; margin-top: 24px; }
.lead-summary-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.lead-summary-item { background: #f7f7f4; border-radius: 10px; padding: 14px; min-width: 0; }
.lead-summary-item small { color: var(--muted); display: block; font-size: 10px; font-weight: 750; margin-bottom: 5px; text-transform: uppercase; letter-spacing: .06em; }
.lead-summary-item strong, .lead-summary-item a { color: var(--ink); display: block; font-size: 13px; overflow-wrap: anywhere; }
.lead-summary-item a { color: var(--blue); }
.lead-section { border-top: 1px solid #eef0f3; padding-top: 17px; }
.lead-section h3 { font-size: 14px; margin-bottom: 10px; }
.lead-enquiry-copy { color: #465269; font-size: 14px; line-height: 1.65; margin: 0; white-space: pre-wrap; }
.lead-source { color: var(--muted); font-size: 12px; line-height: 1.55; margin: 0; overflow-wrap: anywhere; }
.lead-source a { color: var(--blue); }
.lead-transcript { background: #f7f6f2; border-radius: 12px; padding: 15px; max-height: 360px; overflow: auto; }
.lead-message { width: fit-content; max-width: 82%; border-radius: 11px; padding: 9px 11px; margin-bottom: 9px; font-size: 13px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.lead-message.assistant { background: #fff; border: 1px solid #e2e5ea; border-bottom-left-radius: 3px; }
.lead-message.visitor { background: var(--navy); color: #fff; margin-left: auto; border-bottom-right-radius: 3px; }
.lead-message-time { display: block; opacity: .62; font-size: 9px; margin-top: 5px; }
.lead-status-controls { display: grid; grid-template-columns: minmax(180px, 280px) auto; align-items: end; justify-content: end; gap: 10px; border-top: 1px solid #eef0f3; margin-top: 22px; padding-top: 20px; }
.lead-status-controls label { display: grid; gap: 7px; font-size: 12px; font-weight: 750; }
.preview-lead-form { background: #fff; border: 1px solid #dfe3e9; border-radius: 13px; padding: 15px; margin: 7px 0 13px; display: grid; gap: 10px; }
.preview-lead-form h3 { font-size: 14px; margin: 0; }
.preview-lead-form > p { color: var(--muted); font-size: 11px; line-height: 1.5; margin: 0; }
.preview-lead-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.preview-lead-form input, .preview-lead-form textarea { padding: 10px 11px; font-size: 12px; }
.preview-lead-form textarea { min-height: 68px; }
.preview-lead-consent { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: start; color: #596477; font-size: 10px; line-height: 1.45; }
.preview-lead-consent input { width: auto; margin-top: 2px; }
.preview-lead-form .button { justify-self: start; }
.preview-lead-confirmation { background: #eaf6f1; border: 1px solid #c9e7db; border-radius: 11px; padding: 13px; color: #185e4a; font-size: 12px; line-height: 1.5; margin: 7px 0 13px; }
.preview-lead-confirmation .button { display: block; margin-top: 10px; }
@media (max-width: 700px) {
  .lead-card { grid-template-columns: 1fr; }
  .lead-card-actions { justify-content: space-between; }
  .lead-summary-grid { grid-template-columns: 1fr; }
  .lead-status-controls { grid-template-columns: 1fr; justify-content: stretch; }
  .lead-status-controls .button { width: 100%; }
  .preview-lead-fields { grid-template-columns: 1fr; }
}