.leads-qualification-chart{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.leads-qualification-chart .chart-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.leads-qualification-chart .chart-header .chart-title-section{align-items:flex-start;gap:12px;display:flex}.leads-qualification-chart .chart-header .chart-title-section .card-icon-container{flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.leads-qualification-chart .chart-header .chart-title-section .chart-title-wrapper{flex-direction:column;gap:0;display:flex}.leads-qualification-chart .chart-header .chart-title-section .chart-title-wrapper .chart-title{color:#1e293b;margin:0;font-size:15px;font-weight:600;line-height:1.3}.leads-qualification-chart .chart-header .chart-title-section .chart-title-wrapper .chart-header-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;display:flex}.leads-qualification-chart .chart-header .chart-title-section .chart-title-wrapper .chart-subtitle{color:#64748b;margin:0;font-size:13px;font-weight:400}.leads-qualification-chart .chart-header .chart-title-section .chart-title-wrapper .kpi-date-range-tag{color:#263244;white-space:nowrap;background:#f1f5f9;border-radius:20px;padding:2px 8px;font-size:.875rem;font-weight:600;display:inline-block}.leads-qualification-chart .chart-header .chart-controls{border-left:1px solid #e2e8f0;align-items:center;gap:10px;padding-left:16px;display:flex}.leads-qualification-chart .chart-header .chart-controls .kpi-date-range-tag{color:#263244;white-space:nowrap;background:#f1f5f9;border-radius:20px;padding:2px 8px;font-size:.875rem;font-weight:600}.leads-qualification-chart .chart-header .chart-controls .time-range-selector{background:#f1f5f9;border-radius:6px;padding:2px;display:flex}.leads-qualification-chart .chart-header .chart-controls .time-range-selector .range-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.leads-qualification-chart .chart-header .chart-controls .time-range-selector .range-btn:hover{color:#475569}.leads-qualification-chart .chart-header .chart-controls .time-range-selector .range-btn.active{color:#1e293b;background:#fff;box-shadow:0 1px 2px #0000000d}.leads-qualification-chart .chart-header .chart-controls .header-action-btn{color:#101828;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.leads-qualification-chart .chart-header .chart-controls .header-action-btn:hover{color:#475569;background:#f8fafc;border-color:#cbd5e1}.leads-qualification-chart .chart-header .chart-controls .header-action-btn.expand-btn{color:#fff;background:#7856ff;border-color:#7856ff;gap:6px;width:auto;min-height:32px;padding:6px 12px}.leads-qualification-chart .chart-header .chart-controls .header-action-btn.expand-btn .expand-btn-label{white-space:nowrap;font-size:12px;font-weight:600}.leads-qualification-chart .chart-header .chart-controls .header-action-btn.expand-btn:hover{color:#fff;background:#6b4ce6;border-color:#6b4ce6}.leads-qualification-chart .chart-body-wrapper{grid-template-columns:1fr 240px;align-items:start;gap:20px;padding:0 20px 20px;display:grid}.leads-qualification-chart .chart-body-wrapper .chart-main-area{width:100%;min-width:0}.leads-qualification-chart .chart-body-wrapper .chart-main-area .chart-container{width:100%;height:320px;padding-top:6px}.leads-qualification-chart .chart-body-wrapper .chart-side-legend{border-left:1px solid #f3f4f6;flex-direction:column;align-self:stretch;gap:12px;margin-bottom:-20px;padding-top:20px;padding-bottom:20px;padding-left:20px;display:flex}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .chart-side-legend-header{flex-direction:row;align-items:center;gap:10px;display:flex}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .chart-side-legend-clear-filters{color:#64748b;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-flex}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .chart-side-legend-clear-filters:hover{color:#475569;background:#e2e8f0;border-color:#cbd5e1}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .legend-title{color:#6b7280;margin:0 0 4px;font-size:13px;font-weight:500}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .play-search-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;flex:1;align-items:center;gap:8px;min-width:0;margin-bottom:0;padding:6px 10px;display:flex}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .play-search-input svg{color:#9ca3af;flex-shrink:0}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .play-search-input input{color:#374151;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:12px}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .play-search-input input::placeholder{color:#9ca3af}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .plays-list-wrapper{flex:1;min-height:0;max-height:240px;position:relative}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .plays-list-wrapper .fade-overlay{pointer-events:none;z-index:2;height:24px;transition:opacity .2s;position:absolute;left:0;right:0}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .plays-list-wrapper .fade-overlay.fade-top{background:linear-gradient(#fff 0%,#fff0 100%);top:0}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .plays-list-wrapper .fade-overlay.fade-bottom{background:linear-gradient(#fff0 0%,#fff 100%);bottom:0}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .plays-list{flex-direction:column;gap:8px;max-height:240px;padding-right:4px;display:flex;overflow-y:auto}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .plays-list::-webkit-scrollbar{width:4px}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .plays-list::-webkit-scrollbar-track{background:0 0}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .plays-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .plays-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .plays-list .play-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;flex-shrink:0;align-items:center;gap:10px;padding:6px 8px;transition:background-color .15s;display:flex}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .plays-list .play-item:hover{background-color:#f9fafb}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .plays-list .play-item.selected{background-color:#f3f4f6}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .plays-list .play-item .checkbox-custom{background:#fff;border:1.5px solid #e5e7eb;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .plays-list .play-item .chart-legend-play-icon-badge{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;box-shadow:0 1px 2px #0000001a}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .plays-list .play-item .chart-legend-play-icon-badge .chart-legend-play-icon{color:#fff;width:14px;height:14px}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .plays-list .play-item .play-name{color:#374151;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .plays-list .play-item .play-volume-badge{color:#6b7280;background:#f1f5f9;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:600}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .plays-list .no-plays-message{color:#9ca3af;padding:6px 8px;font-size:13px;font-style:italic}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .view-more-option{margin-top:auto;padding-top:12px}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .view-more-option .view-more-text{color:#7856ff;cursor:pointer;align-items:center;font-size:13px;font-weight:500;display:inline-flex}.leads-qualification-chart .chart-body-wrapper .chart-side-legend .view-more-option .view-more-text:hover{text-decoration:underline}.highcharts-tooltip{filter:drop-shadow(0 4px 6px -1px #0000001a);pointer-events:none;z-index:6000!important}@keyframes chart-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.chart-loading,.chart-empty{flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 20px;display:flex}.chart-loading p,.chart-empty p{color:#6b7280;margin:16px 0 0;font-size:14px}.chart-loading .loading-spinner,.chart-empty .loading-spinner{border:3px solid #f3f4f6;border-top-color:#7856ff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.chart-loading--shimmer{position:relative;overflow:hidden}.chart-loading--shimmer .chart-loading-shimmer{background:linear-gradient(90deg,#f1f5f9 8%,#e2e8f0 18%,#f1f5f9 33%) 0 0/800px 104px;animation:1.5s linear infinite chart-shimmer;position:absolute;inset:0}.chart-loading--shimmer p{z-index:1;position:relative}.chart-empty p{color:#9ca3af;font-style:italic}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.leads-qualification-chart{padding:16px}.leads-qualification-chart .chart-header{flex-direction:column;align-items:stretch;gap:12px}.leads-qualification-chart .chart-header .chart-controls{border-top:1px solid #e2e8f0;border-left:none;justify-content:flex-start;padding-top:12px;padding-left:0}}