.trend-panel{min-width:0}.trend-heading,.trend-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.trend-heading h2{font-size:16px;margin:0}.trend-periods{display:flex;flex-wrap:wrap;gap:5px;padding:4px;border:1px solid #e0e8da;border-radius:8px;background:#f7faf4}.trend-periods button{padding:8px 14px;border-radius:5px;color:#718265;font-size:12px}.trend-periods button[aria-pressed=true]{background:#527951;color:#fff}.trend-periods button:hover{box-shadow:inset 0 0 0 1px #9eb193}.trend-toolbar{margin:18px 0}.trend-toolbar label{display:flex;align-items:center;gap:12px;font-size:12px;color:#73846c}.trend-toolbar select{border:1px solid #dbe5d4;border-radius:6px;background:#fff;padding:9px;color:#526e49;max-width:100%}.trend-toolbar p{font-size:11px;color:#8a9881;line-height:1.8;margin:0}.trend-comparison{display:grid;grid-template-columns:1fr 1fr 1.4fr;border:1px solid #e3eadc;border-radius:9px;background:#f9fbf7;overflow:hidden}.trend-comparison>div{padding:18px;min-width:0}.trend-comparison>div+div{border-left:1px solid #e3eadc}.trend-comparison span,.trend-comparison small{display:block;font-size:11px;color:#8c9b82;line-height:1.8}.trend-comparison strong{display:block;font-size:26px;font-weight:550;color:#496b46;margin:8px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.trend-change strong{font-size:20px}.trend-change.unavailable strong{font-size:13px;color:#8d957b}.trend-change.up strong,.trend-change.new strong{color:#3d8663}.trend-change.down strong{color:#b77a52}.trend-legend{display:flex;flex-wrap:wrap;gap:18px;font-size:11px;color:#698e60;margin:20px 0 3px}.trend-legend span:nth-child(2){color:#9d9baf}.trend-legend span:last-child{color:#9ba58c}.trend-chart{width:100%;margin:0;min-width:0}.trend-chart svg{display:block;width:100%;height:auto;min-height:150px}.trend-chart text{font:11px system-ui;fill:#89977f}.trend-grid{stroke:#e8eee2;stroke-width:1}.trend-line{fill:none;stroke:#65985c;stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}.trend-line.previous{stroke:#aaa2b9;stroke-dasharray:6 5;stroke-width:2}.trend-point{fill:#fff;stroke:#65985c;stroke-width:2;cursor:crosshair}.trend-point.previous{stroke:#aaa2b9}.trend-point:focus,.trend-point:hover{r:6;fill:#d8ebce;outline:none}.trend-point-info{font-size:11px;color:#829477;min-height:2em;line-height:1.8}.trend-details{font-size:12px;color:#738768;margin:12px 0}.trend-details summary{cursor:pointer;padding:8px 0}.trend-details .table-wrap{max-height:300px;overflow:auto}.trend-details table{width:100%;min-width:580px;font-size:11px;white-space:nowrap}.trend-link{font-size:11px;color:#67855a;margin-top:12px;padding:0;display:block}.trend-link:hover{text-decoration:underline}.trend-panel button:focus-visible,.trend-panel select:focus-visible,.trend-link:focus-visible{outline:2px solid #769a67;outline-offset:3px}#skuTimingTrends{margin-top:20px}#skuTimingTrends .analytics-note{font-size:10px}td[data-sku-metric]{cursor:pointer}td[data-sku-metric]:hover{background:#f0f5eb}@media(max-width:700px){.trend-heading{gap:13px}.trend-periods{width:100%;justify-content:space-between}.trend-periods button{padding:8px 9px;font-size:11px}.trend-toolbar{align-items:start;gap:10px}.trend-toolbar label{width:100%}.trend-toolbar select{flex:1;min-width:0}.trend-comparison{grid-template-columns:1fr 1fr}.trend-comparison>div{padding:14px 12px}.trend-comparison>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid #e3eadc}.trend-comparison strong{font-size:23px}.trend-change strong{font-size:18px}.trend-change.unavailable strong{font-size:12px}.trend-legend{gap:12px}.trend-chart svg{min-height:140px}.trend-point-info{min-height:3.6em}}
