.sales-detail-section{margin-top:24px}.sales-detail-section>header{display:flex;gap:10px;align-items:flex-start;margin:28px 2px 12px}.sales-detail-section>header>span{width:5px;height:28px;border-radius:5px;background:#078c98}.sales-detail-section header h2{margin:0;color:#31464c;font-size:21px}.sales-detail-section header p{margin:4px 0 0;color:var(--muted);font-size:12px}.sales-detail-grid{grid-template-columns:1fr 1fr;margin-bottom:18px}.sales-detail-grid>.card{border:0}.sales-detail-grid>.card>h2{margin-bottom:18px;color:#53656b;font-weight:600}.weekly-bars{height:220px;display:flex;align-items:end;gap:12px;padding:10px 12px 0;border-bottom:1px solid #d6e0e3}.weekly-bars>div{flex:1;display:grid;align-items:end;text-align:center;height:100%}.weekly-columns{height:185px;display:flex;gap:4px;align-items:end;justify-content:center}.weekly-columns i{width:28%;max-width:30px;min-width:8px;border-radius:4px 4px 0 0}.weekly-columns .lead,.sales-legend .lead:before{background:#078c98}.weekly-columns .won,.sales-legend .won:before{background:#58aa8c}.weekly-bars b{padding:8px 0;color:#66777c;font-size:11px}.sales-legend{display:flex;justify-content:center;gap:18px;margin-top:12px;color:#64757a;font-size:11px}.sales-legend span:before{content:"";display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:2px}.sales-line svg{display:block;width:100%;height:220px}.sales-line .grid line{stroke:#dce5e7}.sales-line polyline{fill:none;stroke-width:3;stroke-linejoin:round}.sales-line polyline.lead{stroke:#078c98}.sales-line polyline.won{stroke:#58aa8c}.sales-line text{fill:#687a80;font-size:10px}.segment-bars{display:grid;gap:12px}.segment-bars>div{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center}.segment-bars>div>span{font-size:12px}.segment-bars i{display:flex;justify-content:space-between;gap:8px;min-width:80px;padding:9px 10px;border-radius:5px;background:#078c98;color:#fff;font-style:normal}.segment-bars small{color:#dcf7fa}.customer-mix{display:flex;align-items:center;justify-content:center;gap:45px;min-height:230px}.donut{width:180px;height:180px;border-radius:50%;background:conic-gradient(#078c98 0 var(--fresh),#ef9d4d var(--fresh) 360deg);display:grid;place-content:center;position:relative}.donut:after{content:"";position:absolute;inset:35px;border-radius:50%;background:#fff}.donut b,.donut small{z-index:1;text-align:center}.donut b{font-size:28px}.donut small{color:var(--muted)}.customer-mix p{display:grid;grid-template-columns:12px 1fr auto;gap:7px;align-items:center}.customer-mix p i{width:10px;height:10px;border-radius:50%;background:#078c98}.customer-mix p i.returning{background:#ef9d4d}.customer-mix p small{grid-column:2;color:var(--muted)}.cohort-grid{grid-template-columns:1.25fr 1fr}.cohort-table .data-table{min-width:620px}.rank{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edf2f3;font-weight:700}.rank-1{background:#f6d978;color:#765500}.rank-2{background:#dce5e7}.rank-3{background:#ebc6a5;color:#784616}@media(max-width:1000px){.sales-detail-grid,.cohort-grid{grid-template-columns:1fr}}@media(max-width:600px){.customer-mix{flex-direction:column;gap:18px}.weekly-bars{overflow-x:auto}.weekly-bars>div{min-width:54px}}