.lead-event-analytics-panel{display:grid;gap:20px;min-width:0}
.lead-analytics-head,.lead-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.lead-analytics-head h2{margin:.2rem 0;font-size:clamp(1.7rem,3vw,2.55rem);color:#082f45}
.lead-analytics-head p,.lead-chart-head p{margin:.25rem 0;color:#60777d}
.lead-analytics-actions{display:flex;gap:10px;flex-wrap:wrap}
.lead-analytics-filterbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;border:1px solid #d9e7ea;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(8,47,69,.05)}
.lead-analytics-filterbar label{display:grid;gap:6px;color:#40575c;font-weight:700}
.lead-analytics-filterbar select{width:100%;min-height:46px;padding:9px 12px;border:1px solid #c9dadd;border-radius:11px;background:#fff;color:#082f45;font:inherit}
.lead-analytics-status{padding:11px 14px;border-radius:12px;background:#eef8fa;color:#0a6070}
.lead-analytics-status[data-kind="error"]{background:#fff0ec;color:#a63424}
.lead-analytics-status[data-kind="success"]{background:#e5f7ef;color:#087057}
.lead-analytics-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.lead-analytics-kpis article{padding:18px;border:1px solid #d9e7ea;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(8,47,69,.06)}
.lead-analytics-kpis span,.lead-analytics-kpis small{display:block;color:#64797e}
.lead-analytics-kpis strong{display:block;margin:8px 0 3px;color:#008f83;font:800 2rem/1.05 Manrope,"IBM Plex Sans Thai",sans-serif}
.lead-analytics-kpis .lead-kpi-guardrail strong{color:#d24b3a}
.lead-analytics-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px}
.lead-analytics-card{min-width:0;padding:22px;border:1px solid #d9e7ea;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(8,47,69,.06)}
.lead-chart-head{padding-bottom:16px;border-bottom:1px solid #e4edef}
.lead-chart-head h3{margin:0;color:#082f45}
.lead-chart-empty{display:grid;min-height:190px;place-items:center;color:#6a7f84;text-align:center}
.lead-trend-chart{min-height:280px;padding-top:16px;overflow:hidden}
.lead-trend-chart svg{display:block;width:100%;height:auto;min-height:250px}
.lead-trend-grid{stroke:#dfeaec;stroke-width:1}.lead-trend-area{fill:url(#leadTrendArea)}.lead-trend-line{fill:none;stroke:#009b91;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.lead-trend-dot{fill:#fff;stroke:#008f83;stroke-width:2}.lead-trend-axis{fill:#6c8085;font:12px "IBM Plex Sans Thai",sans-serif}.lead-trend-value{fill:#17444f;font:700 12px Manrope,sans-serif}
.lead-funnel-chart,.lead-horizontal-chart{display:grid;gap:12px;padding-top:16px}
.lead-funnel-row,.lead-event-bar-row{display:grid;grid-template-columns:minmax(112px,.7fr) minmax(140px,1.3fr) 54px;align-items:center;gap:10px}
.lead-funnel-row span,.lead-event-bar-row span{color:#40575c;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead-bar-track{height:14px;border-radius:999px;background:#edf4f5;overflow:hidden}
.lead-bar-fill{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#009b91,#18b7c8)}
.lead-funnel-row[data-status="lost"] .lead-bar-fill{background:#d56b5d}.lead-funnel-row[data-status="converted"] .lead-bar-fill{background:#0978b6}
.lead-funnel-row strong,.lead-event-bar-row strong{text-align:right;color:#082f45}
.lead-source-chart{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:22px;padding-top:18px}
.lead-source-donut{position:relative;width:180px;aspect-ratio:1;border-radius:50%;background:var(--lead-donut);box-shadow:inset 0 0 0 1px #dce8ea}
.lead-source-donut::after{content:"";position:absolute;inset:36px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #edf3f4}
.lead-source-donut-label{position:absolute;inset:0;z-index:1;display:grid;place-content:center;text-align:center;color:#64797e}.lead-source-donut-label strong{display:block;color:#082f45;font-size:1.7rem}
.lead-source-legend{display:grid;gap:9px}.lead-source-legend div{display:grid;grid-template-columns:13px 1fr auto;align-items:center;gap:8px;color:#40575c}.lead-source-legend i{width:11px;height:11px;border-radius:50%;background:var(--swatch)}.lead-source-legend strong{color:#082f45}
.lead-event-table-card{padding-bottom:12px}.lead-event-table-wrap{overflow:auto;margin-top:12px;border:1px solid #e1ebed;border-radius:14px}.lead-event-table-wrap table{width:100%;min-width:900px;border-collapse:collapse}.lead-event-table-wrap th,.lead-event-table-wrap td{padding:12px 14px;border-bottom:1px solid #e8eff0;text-align:left;vertical-align:middle}.lead-event-table-wrap th{background:#f3f8f8;color:#536a70;font-size:.82rem}.lead-event-table-wrap tbody tr:last-child td{border-bottom:0}.lead-event-table-wrap td strong,.lead-event-table-wrap td small{display:block}.lead-event-table-wrap td small{margin-top:3px;color:#6a7f84}.lead-event-table-wrap .lead-conversion-good{color:#00796f;font-weight:800}.lead-event-table-wrap .lead-conversion-low{color:#b35a24;font-weight:800}
@media(max-width:1180px){.lead-analytics-kpis{grid-template-columns:repeat(3,1fr)}.lead-analytics-grid{grid-template-columns:1fr}.lead-analytics-filterbar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.lead-analytics-head,.lead-chart-head{display:grid}.lead-analytics-actions{display:grid;grid-template-columns:1fr 1fr}.lead-analytics-filterbar,.lead-analytics-kpis{grid-template-columns:1fr 1fr}.lead-source-chart{grid-template-columns:1fr;justify-items:center}.lead-source-legend{width:100%}.lead-funnel-row,.lead-event-bar-row{grid-template-columns:minmax(92px,.8fr) minmax(100px,1.2fr) 42px}.lead-analytics-card{padding:17px}}
@media(max-width:460px){.lead-analytics-filterbar,.lead-analytics-kpis{grid-template-columns:1fr}.lead-analytics-actions{grid-template-columns:1fr}}