.report-controls{padding:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.report-controls label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.report-controls select,.report-controls input{width:100%}.report-period{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;background:#e5eddf;border-radius:10px}.report-period span{font-size:12px;color:var(--teal)}@media(max-width:1050px){.report-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.report-controls{padding:16px;gap:13px}.report-controls label:nth-child(n+3){grid-column:1/-1}.report-period{align-items:flex-start;flex-direction:column}.report-period strong{font-size:14px}}

.pipeline-summary{padding:24px;margin:24px 0}.pipeline-summary h2{margin-top:0}.stage-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stage-value{padding:16px;border:1px solid #dce5df;border-radius:12px;background:#f8faf8;min-width:0}.stage-label{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:16px}.stage-label span{white-space:nowrap;color:var(--muted)}.stage-value>b{display:block;font-size:20px;overflow-wrap:anywhere}.value-track{height:8px;border-radius:8px;background:#e3eae4;margin:12px 0;overflow:hidden}.value-track span{height:100%;display:block;background:#437969;border-radius:8px}.stage-value small{color:var(--muted);font-size:11px}.stage-success{background:#eef6e5}.stage-success .value-track span{background:#7ca237}.stage-lost{background:#faf1ee}.stage-lost .value-track span{background:#b77d68}.lane-total{padding:0 12px;font-weight:600}.lane-total .sub{font-weight:400}@media(max-width:1050px){.stage-values{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.stage-values{grid-template-columns:1fr}.pipeline-summary{padding:16px}}

.customer-search{position:relative}.customer-search label{font-weight:600}.customer-search small{font-size:11px;color:var(--muted)}#customer-options{position:absolute;top:70px;left:0;right:0;max-height:260px;overflow:auto;z-index:5;background:white;border:1px solid #bacbbf;border-radius:12px;box-shadow:0 12px 24px #183c3520}#customer-options button{display:block;width:100%;text-align:left;border:0;border-radius:0;padding:12px}#customer-options button small{display:block;margin-top:4px}#customer-options button:hover,#customer-options button[aria-selected=true]{background:#e6efdc}#customer-options p{padding:12px}.chart-panel{padding:26px;margin:24px 0}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.chart-heading h2{margin:6px 0 16px}.chart-heading label{font-size:12px;color:var(--muted);display:grid;gap:6px}.chart-heading select{min-width:170px}.chart-kpis{display:flex;flex-wrap:wrap;gap:12px 24px;padding:18px;background:#f1f5eb;border-radius:12px;font-size:12px}.chart-kpis b{display:block;font-size:22px;color:#264f42;margin-bottom:4px}.chart-caption{line-height:1.6}.chart-scroll{overflow:auto}.business-chart{display:block;width:100%;min-width:0;height:auto}.business-chart text{font-family:inherit;font-size:12px;fill:#4b6258}.business-chart .chart-total{font-size:23px;fill:#193e35;font-weight:700}.business-chart [tabindex]:hover,.business-chart [tabindex]:focus{opacity:.72;outline:none;stroke:#193e35;stroke-width:2}.chart-legend{display:flex;flex-wrap:wrap;gap:10px 18px;padding:10px 0;font-size:11px;color:#566c62}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{width:9px;height:9px;border-radius:3px}.chart-data{margin-top:14px;padding-top:14px;border-top:1px solid #e4eae5}.chart-data summary{cursor:pointer;font-size:12px;color:#35664f}.chart-empty{padding:56px 24px;text-align:center;background:#f8faf7;border-radius:12px;color:#697d72}@media(max-width:700px){.chart-panel{padding:16px}.chart-heading{align-items:flex-start;flex-direction:column}.chart-heading label{width:100%}.chart-kpis b{font-size:19px}.chart-scroll{margin:0 -4px}}

@media(max-width:520px){.business-chart{min-width:620px}.chart-scroll:after{content:"Vuốt ngang để xem hết biểu đồ →";display:block;font-size:11px;color:#697d72;padding:6px 0}}