.brandSummary{margin-top:11px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow,0 5px 18px #0f172a08);overflow:hidden}
.brandSummaryHead{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:15px 17px;border-bottom:1px solid var(--line)}
.brandSummaryHead h2{font-size:15px;margin:0 0 3px}.brandSummaryHead p{font-size:10px;color:var(--muted);margin:0}.brandControls{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.brandToggle{display:flex;gap:4px;padding:3px;border:1px solid var(--line);background:#f8fafc;border-radius:9px}.brandToggle button{border:0;background:transparent;padding:6px 9px;border-radius:6px;font-size:9px;font-weight:850;cursor:pointer;color:#475569}.brandToggle button.active{background:var(--orange);color:#fff}
.brandKpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:13px 17px 0}.brandKpi{padding:12px 14px;background:#f8fafc;border:1px solid #eef2f7;border-radius:11px;border-top:3px solid var(--orange)}.brandKpi small{display:block;font-size:8px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.05em}.brandKpi b{display:block;font-size:22px;margin-top:4px}.brandKpi span{display:block;margin-top:2px;color:var(--muted);font-size:9px}
.brandKpis.quantityOnly{grid-template-columns:minmax(240px,1fr)}
.brandSummaryBody{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(540px,1.15fr);gap:14px;padding:14px 17px 17px}.brandChart,.brandTableWrap{min-width:0}.brandSubhead{font-size:10px;font-weight:850;color:#475569;text-transform:uppercase;letter-spacing:.04em;margin-bottom:9px}.brandBars{display:flex;flex-direction:column;gap:9px}.brandBar{display:grid;grid-template-columns:minmax(90px,140px) 1fr minmax(70px,auto);gap:8px;align-items:center;border:0;background:transparent;padding:0;width:100%;font:inherit;text-align:left;cursor:pointer}.brandBar:hover .brandBarTrack{background:#ffe8d8}.brandBarName{font-size:10px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brandBarTrack{height:10px;background:#eef2f7;border-radius:99px;overflow:hidden}.brandBarTrack i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),#ff9b57);border-radius:99px}.brandBarValue{font-size:9.5px;font-weight:850;text-align:right;white-space:nowrap}.brandTableScroll{overflow:auto}.brandTable{width:100%;border-collapse:collapse;min-width:720px;font-size:9.5px}.brandTable th,.brandTable td{padding:8px;border-bottom:1px solid #f0f2f4;text-align:right;white-space:nowrap}.brandTable th{background:#f8fafc;color:var(--muted);font-weight:800}.brandTable th:first-child,.brandTable td:first-child{text-align:left}.brandTable tr[data-brand]{cursor:pointer}.brandTable tr[data-brand]:hover td{background:#fff7ed}.brandTable tr.total td{font-weight:900;border-top:2px solid #cbd5e1;background:#f8fafc}.brandEmpty{padding:24px;text-align:center;color:var(--muted);font-size:10px}.brandNotice{margin:0 17px 15px;padding:9px 11px;border-radius:9px;background:#fff7ed;color:#9a3412;font-size:9px;line-height:1.45}
@media(max-width:950px){.brandSummaryBody{grid-template-columns:1fr}.brandSummaryHead{flex-direction:column}.brandControls{justify-content:flex-start}}
@media(max-width:600px){.brandKpis{grid-template-columns:1fr}.brandSummaryBody,.brandSummaryHead{padding-left:12px;padding-right:12px}.brandKpis{padding-left:12px;padding-right:12px}.brandBar{grid-template-columns:95px 1fr}.brandBarValue{grid-column:2;text-align:left}.brandNotice{margin-left:12px;margin-right:12px}}