.business-growth{display:flex;flex-direction:column;gap:24px}
.business-growth .panel{margin:0}
.business-growth .panel-head{gap:20px}
.bg-filters{display:flex;align-items:end;flex-wrap:wrap;gap:14px;padding:20px 24px;border-bottom:1px solid var(--line)}
.bg-filters .field{min-width:175px}.bg-filters .bg-sku-field{min-width:250px;max-width:360px;flex:1}.bg-filters .form-error:not(:empty){flex-basis:100%}
.bg-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0}
.bg-kpis>div{padding:24px;border-right:1px solid var(--line)}.bg-kpis>div:last-child{border:0}
.bg-kpis dt,.bg-metrics dt{font-size:13px;color:var(--muted)}
.bg-kpis dd,.bg-metrics dd{margin:12px 0 6px;font-size:28px;font-weight:650;font-variant-numeric:tabular-nums}
.bg-kpis small,.bg-metrics small,.bg-total small{font-size:12px;font-weight:400;margin-left:6px;color:var(--muted)}
.bg-kpis p,.bg-metrics p{font-size:12px;color:var(--muted);margin:0}
.bg-note{padding:14px 24px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);line-height:1.7}
.bg-total{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:end}.bg-total>span{font-size:12px;color:var(--muted)}.bg-total strong{font-size:28px;font-variant-numeric:tabular-nums;color:var(--blue)}
.bg-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0}.bg-metrics>div{padding:20px 24px;min-height:127px;border-bottom:1px solid var(--line)}.bg-metrics dd{font-size:25px}.bg-pending{display:block;color:#92520f;font-size:12px;margin-top:4px}
.bg-method{padding:16px 24px;font-size:12px;color:var(--muted);line-height:1.8}.bg-method summary{cursor:pointer;color:var(--ink)}.bg-method p{max-width:90ch;margin-top:10px}.bg-method .table-wrap{margin-top:14px}
.bg-toggles{padding:18px 24px;display:flex;flex-wrap:wrap;gap:8px}.bg-toggles button{font-size:12px;gap:6px;padding:7px 10px;color:var(--muted)}.bg-toggles button>span{width:7px;height:7px;border-radius:50%;background:var(--series);opacity:.4}.bg-toggles button[aria-pressed=true]{background:var(--soft);color:var(--ink);border-color:var(--series)}.bg-toggles button[aria-pressed=true]>span{opacity:1}
.bg-chart-scroll{overflow-x:auto;padding:0 24px}.bg-chart-scroll svg{display:block;min-width:100%;height:300px;font-family:inherit;stroke:none}.bg-chart-scroll text{font-size:11px;fill:var(--muted)}.bg-grid-line{stroke:var(--line);stroke-dasharray:4 4}.bg-hit{fill:transparent;cursor:crosshair}.bg-crosshair{stroke:var(--muted);stroke-dasharray:4 4;opacity:0;pointer-events:none}.bg-chart-scroll g:hover .bg-crosshair,.bg-chart-scroll g:focus .bg-crosshair{opacity:1}.bg-chart-scroll g:focus{outline:none}.bg-chart-scroll g:focus .bg-hit{fill:var(--soft);fill-opacity:.3}
.bg-chart-detail{margin:0 24px 16px;padding:14px 16px;min-height:80px;background:var(--soft);border-radius:6px;font-size:12px;color:var(--muted)}.bg-chart-detail>strong{color:var(--ink);display:block}.bg-chart-detail>span{display:block;margin-top:3px}.bg-chart-detail>div{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:10px}.bg-chart-detail b{color:var(--ink);font-weight:600;margin-left:5px}
.bg-detail-table{min-width:1900px}.bg-products table{min-width:1100px}.business-growth td small{display:block;color:var(--muted);margin-top:4px;font-size:12px}.bg-empty{padding:55px 24px;text-align:center;color:var(--muted);font-size:13px}.business-growth .data-table td{font-variant-numeric:tabular-nums}
@media(max-width:1500px){.bg-kpis>div{padding:20px 16px}.bg-kpis dd{font-size:24px}.bg-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.bg-total{max-width:270px}}
@media(max-width:1000px){.bg-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.bg-kpis>div{border-bottom:1px solid var(--line)}.bg-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.bg-total{justify-content:start}.business-growth .panel-head{align-items:start;flex-direction:column}}
@media(max-width:600px){.bg-kpis,.bg-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.bg-filters .field,.bg-filters .bg-sku-field{min-width:0;width:100%;max-width:none}.bg-metrics>div{padding:18px 16px}.bg-filters{padding:18px 16px}}
