.persistent-online-sales-report{margin:0 0 42px;padding:0 0 34px;border-bottom:1px solid #dedede;color:#171717;font-family:Inter,Arial,sans-serif}.report-topbar{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;padding:8px 0 20px;border-bottom:1px solid #ddd}.report-topbar h1{font-family:Georgia,serif;font-weight:500;font-size:38px;line-height:1.05;margin:7px 0 10px;letter-spacing:-.025em}.report-topbar p{max-width:780px;margin:0;color:#62656b;line-height:1.6}.report-status{padding:12px 0 18px;font-size:12px;color:#72767d}.report-narrative{padding:28px 0 22px;border-bottom:1px solid #e5e5e5}.report-narrative h2{font-family:Georgia,serif;font-size:28px;font-weight:500;margin:7px 0 10px}.report-narrative>p{font-size:15px;line-height:1.7;max-width:980px;color:#51555b}.narrative-points{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:22px}.narrative-points span{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#676b72;padding-top:10px;border-top:1px solid #ddd}.narrative-points b{font-size:13px;color:#202226}.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:28px 0}.report-kpis>div{padding:0 0 15px;border-bottom:2px solid #202020}.report-kpis small,.report-kpis span{display:block;color:#74777e}.report-kpis strong{display:block;font-family:Georgia,serif;font-weight:500;font-size:28px;margin:8px 0 5px}.report-kpis span{font-size:11px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin:34px 0}.report-grid-main{grid-template-columns:1.7fr 1fr}.report-grid article,.report-actions{min-width:0}.report-grid header,.report-actions>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:10px;border-bottom:1px solid #dcdcdc}.report-grid header span,.report-actions header span{font-size:10px;letter-spacing:.15em;color:#7b7e84}.report-grid h3,.report-actions h3{font-size:16px;margin:4px 0 0}.report-grid header p,.report-actions header p{max-width:270px;text-align:right;font-size:11px;line-height:1.5;color:#7b7e84;margin:0}.line-chart{padding-top:16px}.line-chart svg{width:100%;height:auto;overflow:visible}.line-chart text{font-size:10px;fill:#7b7e84}.chart-grid line{stroke:#ededed;stroke-width:1}.chart-legend{display:flex;gap:15px;flex-wrap:wrap;margin:8px 0}.chart-legend span{font-size:11px;color:#60636a}.chart-legend i,.donut-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:30px;padding:28px 0}.donut{width:172px;height:172px;border-radius:50%;position:relative}.donut:after{content:"";position:absolute;inset:28px;border-radius:50%;background:#fff}.donut>div{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut strong{font-family:Georgia,serif;font-size:23px;font-weight:500}.donut span{font-size:10px;color:#777}.donut-legend{flex:1;min-width:160px}.donut-legend>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:8px 0;border-bottom:1px solid #eee;font-size:11px}.hbars{padding:16px 0}.hbar-row{display:grid;grid-template-columns:minmax(90px,145px) 1fr 70px;align-items:center;gap:10px;margin:10px 0}.hbar-label{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbar-track{height:9px;background:#eee}.hbar-track span{display:block;height:100%}.hbar-row strong{text-align:right;font-size:11px}.report-actions{margin:38px 0}.action-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:18px}.action-columns h4{font-size:13px;margin:0 0 8px}.action-list>div{display:grid;grid-template-columns:22px 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #eee}.action-list>div>span{font-family:Georgia,serif;color:#8a8d92}.action-list p{margin:0;min-width:0}.action-list strong,.action-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-list strong{font-size:12px}.action-list small{font-size:10px;color:#777;margin-top:2px}.action-list em{font-style:normal;font-size:10px;color:#555}.report-table-wrap{overflow:auto}.report-table-wrap table{width:100%;border-collapse:collapse}.report-table-wrap th,.report-table-wrap td{text-align:left;padding:9px 7px;border-bottom:1px solid #eee;font-size:11px}.report-table-wrap th{color:#70737a;font-weight:600}.report-foot{margin-top:26px;padding-top:14px;border-top:1px solid #ddd;font-size:11px;color:#777}.report-loading,.report-empty,.report-error{padding:28px 0;color:#74777e}.report-error{display:flex;flex-direction:column;gap:6px;color:#8d3028}.report-error small{color:#777}@media(max-width:1000px){.report-grid,.report-grid-main,.action-columns,.narrative-points,.report-kpis{grid-template-columns:1fr 1fr}.report-topbar{flex-direction:column}.report-grid header,.report-actions>header{align-items:flex-start;flex-direction:column}.report-grid header p,.report-actions header p{text-align:left}}@media(max-width:680px){.report-grid,.report-grid-main,.action-columns,.narrative-points,.report-kpis{grid-template-columns:1fr}.report-topbar h1{font-size:31px}.donut-wrap{flex-direction:column}.hbar-row{grid-template-columns:90px 1fr 58px}}
.inventory-risk{display:grid;gap:10px}.inventory-risk>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid rgba(16,24,40,.1)}.inventory-risk p{margin:0;display:grid;gap:3px}.inventory-risk small{font-size:12px;color:#667085;font-weight:400}.inventory-risk span,.inventory-risk em{font-size:12px;font-style:normal;white-space:nowrap}.inventory-risk em{font-weight:700}.inventory-risk>div:last-child{border-bottom:0}@media(max-width:700px){.inventory-risk>div{grid-template-columns:1fr auto}.inventory-risk em{grid-column:2}.inventory-risk span{grid-column:2}}
.chart-clickable{cursor:pointer;transition:opacity .15s ease,transform .15s ease}.chart-clickable:hover{opacity:.78}.hbar-row.chart-clickable:hover{transform:translateX(3px)}.donut-item{width:100%;border:0;background:none;padding:5px 0;display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;text-align:left;color:inherit}.chart-legend button{border:0;background:none;padding:3px 6px;display:inline-flex;align-items:center;gap:5px;color:inherit}.line-point{cursor:pointer;stroke:#fff;stroke-width:2}.report-rebuild.attention{box-shadow:0 0 0 2px rgba(17,24,39,.12)}
.sales-report-drawer{position:fixed;top:0;right:0;width:min(480px,94vw);height:100vh;background:#fff;z-index:99999;transform:translateX(105%);transition:transform .24s ease;box-shadow:-18px 0 42px rgba(17,24,39,.15);padding:72px 34px 36px;overflow:auto}.sales-report-drawer.open{transform:translateX(0)}.drawer-close{position:absolute;right:22px;top:18px;border:0;background:none;font-size:34px;font-weight:300;cursor:pointer}.drawer-content h2{font-size:28px;margin:7px 0 10px}.drawer-content>p{color:#62666c;line-height:1.55}.drawer-content h3{margin:28px 0 10px;font-size:15px}.drawer-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #ddd;margin-top:24px}.drawer-metrics>div{padding:15px 10px 15px 0;border-bottom:1px solid #e7e7e7}.drawer-metrics small{display:block;color:#777;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.drawer-metrics strong{display:block;margin-top:4px;font-size:20px}.drawer-note{margin-top:24px;padding:18px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.drawer-note b,.drawer-note span{display:block}.drawer-note span{margin-top:6px;color:#666;line-height:1.5}