.trend-dashboard{min-width:0;margin:0 0 20px;border:1px solid #e4e8ef;border-radius:6px;background:#fff;color:#27364d;box-shadow:0 2px 5px #21395703;overflow:hidden;font-size:13px}
.trend-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 21px 16px}
.trend-title h2{font-size:16px;line-height:1.4;font-weight:600;color:#27364d}
.trend-title p{margin-top:6px;font-size:12px;color:#8994a6}.trend-title p span{margin-left:3px}
.trend-header-tools{display:flex;align-items:center;gap:16px;flex-shrink:0}.trend-range{display:flex;gap:0;border:1px solid #dce2eb;border-radius:4px;overflow:hidden}
.trend-range button{border:0;border-right:1px solid #e4e8ef;border-radius:0;padding:5px 12px;min-height:30px;background:#fff;font-size:12px;line-height:1.6;color:#69758a;box-shadow:none}.trend-range button:last-child{border-right:0}.trend-range button.is-active{color:#3478f6;background:#eff5ff;font-weight:600}.trend-range button:hover{background:#f5f8fe}
.trend-expand{display:flex;align-items:center;gap:8px;border:0;border-radius:3px;min-height:30px;padding:5px 0;background:transparent;font-size:12px;color:#69758a}.trend-expand:hover{background:transparent;color:#3478f6}.trend-expand span{font-size:17px;line-height:1}
.trend-tabbar{display:flex;align-items:center;gap:25px;padding:0 21px;border-bottom:1px solid #edf0f5;min-width:0}.trend-tabbar>button{position:relative;border:0;border-radius:0;background:none;padding:9px 0 12px;font-size:13px;color:#7b879b;line-height:1.6}.trend-tabbar>button.is-active{color:#3478f6;font-weight:600}.trend-tabbar>button.is-active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;border-radius:2px;background:#3478f6}.trend-chart-hint{font-size:11px;color:#9aa5b5;margin-left:auto}
.trend-content{padding:18px 20px 0}.trend-metrics{display:flex;align-items:stretch;gap:14px;margin:0 0 19px;min-width:0;max-width:850px}
.trend-metric{min-width:0;flex:1;text-align:left;border:1px solid #edf0f5;background:#fafbfd;border-radius:4px;padding:11px 13px;box-shadow:none;transition:background .15s,border-color .15s,opacity .15s}.trend-metric:hover{background:#f4f8ff;border-color:#cbdbf8}.trend-metric.is-hidden{background:#fff;opacity:.55}.trend-metric.is-hidden .trend-dot{background:#b6becc}.trend-metric>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:400;color:#66758b;white-space:nowrap}.trend-metric em{font-style:normal;font-size:10px;color:#a0a9b9;margin-left:auto}.trend-metric strong{display:block;margin-top:4px;font-size:23px;font-weight:600;line-height:1.45;letter-spacing:.1px;color:#26364c;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.trend-metric strong small{font-size:13px;font-weight:400;color:#8b97aa}
.trend-dot{display:inline-block;flex-shrink:0;vertical-align:middle;width:7px;height:7px;border-radius:50%;background:#3478f6}.trend-dot-orderAmount,.trend-dot-completed{background:#3478f6}.trend-dot-receipts,.trend-dot-shipped{background:#20b5b0}.trend-dot-purchaseAmount{background:#9271de}
.trend-plot-shell{position:relative;min-width:0}.trend-chart{position:relative;height:236px;min-width:0;touch-action:pan-y;cursor:crosshair;outline-offset:3px}.trend-chart-expanded{height:336px}.trend-chart svg{display:block;width:100%;height:100%;overflow:visible}.trend-gridline{stroke:#e9edf3;stroke-width:1;stroke-dasharray:3 4}.trend-gridline.trend-zero{stroke:#dce3ed;stroke-dasharray:none}.trend-axis-label,.trend-axis-title{font-family:'Segoe UI','Microsoft YaHei',sans-serif;font-size:11px;fill:#939fb1}.trend-axis-title{font-size:10px;fill:#a0aabc}.trend-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.trend-crosshair{stroke:#b1bdcf;stroke-width:1;stroke-dasharray:3 4;pointer-events:none}
.trend-chart-note{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);max-width:calc(100% - 70px);padding:9px 14px;border:1px solid #edf0f5;border-radius:4px;background:#ffffffed;color:#8c98ab;font-size:12px;text-align:center;pointer-events:none}
.trend-tooltip{position:absolute;right:22px;top:25px;z-index:2;min-width:195px;padding:11px 13px;background:#fffffff5;border:1px solid #e3e8f0;border-radius:5px;box-shadow:0 5px 22px #26385114;pointer-events:none;font-size:12px}.trend-tooltip>b{display:block;margin-bottom:7px;color:#5f6e83;font-weight:500}.trend-tooltip>div{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:6px 0}.trend-tooltip>div>span{display:flex;align-items:center;gap:7px;color:#77849a}.trend-tooltip strong{font-size:12px;font-weight:500;color:#33435c;font-variant-numeric:tabular-nums}.trend-tooltip small{display:block;margin-top:8px;color:#a0aaba;font-size:10px}
.trend-date-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:14px 0 16px;border-top:1px solid #f0f3f7;margin-top:6px;min-width:0}.trend-date-control{display:flex;align-items:center;gap:5px;flex-shrink:0}.trend-date-control label{font-size:12px;color:#8b97a8;margin-right:5px}.trend-date-control select{border:1px solid #dfe5ed;border-radius:3px;min-height:29px;width:118px;padding:3px 7px;font-size:12px;color:#68758a;background:#fff}.trend-date-step{width:25px;min-height:29px;padding:2px 5px;border:1px solid #e4e8ef;border-radius:3px;font-size:17px;line-height:1;background:#fff;color:#738199}.trend-date-step:disabled{cursor:default;opacity:.35}
.trend-selected-values{display:flex;flex-wrap:wrap;align-items:center;gap:5px 17px;flex:1;font-size:11px;color:#8d99aa;min-width:0}.trend-selected-values>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.trend-selected-values .trend-dot{width:5px;height:5px}.trend-selected-values b{font-size:11px;font-weight:500;color:#69788e;font-variant-numeric:tabular-nums}.trend-show-details{border:0;border-radius:3px;white-space:nowrap;min-height:29px;padding:4px 0;background:none;color:#3478f6;font-size:12px}.trend-show-details:hover{background:none}
.trend-details{border-top:1px solid #e9edf3}.trend-details-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 21px 14px}.trend-details-head h3{font-size:14px;font-weight:600;color:#45556c}.trend-details-head p{margin-top:4px;font-size:11px;color:#96a1b2}.trend-detail-badge{padding:2px 7px;border:1px solid #e1eafa;background:#f6f9ff;border-radius:3px;color:#7590b9;font-size:10px;white-space:nowrap}
.trend-table-wrap{max-width:100%;overflow-x:auto}.trend-table{width:100%;white-space:nowrap;font-variant-numeric:tabular-nums}.trend-table th{padding:10px 21px;background:#f8fafc;color:#8995a7;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;font-size:11px;font-weight:500}.trend-table td{padding:11px 21px;font-size:12px;color:#64738a;border-bottom:1px solid #f0f3f7;max-width:360px}.trend-table tbody tr:hover{background:#f8fbff}.trend-table .trend-description{min-width:170px;white-space:normal;overflow-wrap:anywhere;line-height:1.7}.trend-table-metric{display:inline-flex;align-items:center;gap:7px}.trend-table .trend-numeric{text-align:right;font-variant-numeric:tabular-nums}.trend-table td.trend-numeric{color:#3f5069;font-weight:500}.trend-table .trend-record-link{display:inline;border:0;border-radius:2px;padding:0;margin:0;background:none;font-weight:400;font-size:12px;color:#3478f6;text-align:left;white-space:normal;overflow-wrap:anywhere}.trend-table .trend-record-link:hover{text-decoration:underline}.trend-detail-empty{padding:32px 20px;text-align:center;color:#95a0b1;font-size:12px}
.trend-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 21px;border-top:1px solid #edf0f5;color:#9aa4b4;font-size:11px}.trend-pagination>div{display:flex;gap:7px}.trend-pagination button{border:1px solid #e2e7ef;border-radius:3px;padding:4px 9px;min-height:27px;background:#fff;font-size:11px;color:#728098}.trend-pagination button:disabled{cursor:default;opacity:.4}
.trend-sources{margin:0 21px 16px;border:1px solid #edf0f5;border-radius:4px;background:#fbfcfe;color:#8591a4;font-size:11px}.trend-sources summary{padding:9px 12px;cursor:pointer;user-select:none;color:#8190a5}.trend-sources>div{padding:0 12px 10px;display:grid;gap:9px}.trend-sources p{line-height:1.8}.trend-sources p>b{display:block;font-weight:500;color:#6e7d93}.trend-sources p>span,.trend-sources p>small{display:block;font-size:11px;overflow-wrap:anywhere;color:#929eaf}.trend-sources .trend-omitted{padding-top:8px;border-top:1px solid #edf0f5;color:#a48453}
.trend-dashboard button:focus-visible,.trend-dashboard select:focus-visible,.trend-dashboard [tabindex]:focus-visible{outline:2px solid #82aefa;outline-offset:2px;box-shadow:none}
@media(max-width:1080px){.trend-header-tools{gap:12px}.trend-selected-values{flex-basis:calc(100% - 310px)}.trend-metric em{display:none}.trend-metric strong{font-size:21px}}
@media(max-width:720px){.trend-dashboard{margin-bottom:16px}.trend-header{padding:15px 14px 12px;align-items:flex-start;gap:12px;flex-wrap:wrap}.trend-title h2{font-size:15px}.trend-title p{font-size:11px}.trend-header-tools{width:100%;justify-content:space-between;gap:12px}.trend-range button{padding:6px 14px;min-height:34px}.trend-expand{min-height:34px;font-size:12px}.trend-tabbar{padding:0 14px;gap:23px}.trend-tabbar>button{padding-top:8px;padding-bottom:11px}.trend-chart-hint{font-size:10px}.trend-content{padding:14px 12px 0}.trend-metrics{gap:7px;margin-bottom:16px}.trend-metric{padding:9px 8px}.trend-metric>span{font-size:10px;gap:4px;white-space:normal}.trend-metric .trend-dot{width:5px;height:5px}.trend-metric strong{font-size:17px;letter-spacing:0;margin-top:5px}.trend-metric strong small{font-size:10px}.trend-chart-note{font-size:11px;max-width:calc(100% - 60px);padding:8px 11px;min-width:155px}.trend-tooltip{right:9px;top:28px;min-width:166px;padding:10px;max-width:calc(100% - 55px);font-size:11px}.trend-tooltip strong{font-size:11px}.trend-tooltip>div{gap:12px}.trend-tooltip>div>span{gap:5px}.trend-date-toolbar{padding:12px 0 13px;gap:10px}.trend-date-control{flex-shrink:1;min-width:0}.trend-date-control select{min-height:35px;font-size:12px;width:115px}.trend-date-control label{font-size:11px;margin-right:2px}.trend-date-step{min-height:35px;width:26px}.trend-selected-values{order:3;flex-basis:100%;gap:6px 12px}.trend-selected-values>span{font-size:10px}.trend-selected-values b{font-size:10px}.trend-show-details{margin-left:auto;font-size:11px;min-height:35px}.trend-details-head{padding:15px 14px 12px}.trend-details-head h3{font-size:13px}.trend-details-head p{font-size:10px}.trend-table th,.trend-table td{padding:10px 14px}.trend-table th{font-size:10px}.trend-table td{font-size:11px}.trend-table .trend-record-link{font-size:11px}.trend-table .trend-description{min-width:150px}.trend-pagination{padding:11px 14px;font-size:10px}.trend-pagination button{min-height:32px;padding:5px 8px;font-size:11px}.trend-sources{margin:0 14px 14px}.trend-sources summary{min-height:38px;display:list-item;padding-top:10px}}
@media(max-width:380px){.trend-chart-hint{display:none}.trend-title p span{display:none}.trend-metric{padding:8px 6px}.trend-metric strong{font-size:15px}.trend-show-details{font-size:10px}.trend-date-control label{display:none}}
@media(prefers-reduced-motion:reduce){.trend-dashboard *{transition:none!important;scroll-behavior:auto!important}}