.trend-page{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(520px,1.6fr);gap:10px}.trend-card{min-width:0;padding:15px;border:1px solid #174d6c;border-radius:6px;background:#061d30}.trend-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.trend-heading h3{margin:0;color:#eefaff;font-size:16px}.trend-heading p{margin:6px 0 0;color:#7699af;font-size:12px;line-height:1.5}.trend-heading>label{display:flex;align-items:center;gap:6px;color:#62e7af;font-size:12px;white-space:nowrap}.trend-heading select,.trend-heading input,.trend-setting-grid select,.trend-custom input{min-height:34px;padding:5px 9px;border:1px solid #17648e;border-radius:4px;color:#d6efff;background:#031523}.trend-setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.trend-setting-grid label{display:grid;gap:5px;color:#7fa4ba;font-size:12px}.trend-setting-grid button,.trend-custom button{min-height:34px;padding:0 11px;border:1px solid #17648e;border-radius:4px;color:#ccecff;background:#082945}.trend-setting-grid button{grid-column:1/-1;border-color:#28b5e5;color:#032137;background:#55d9fb;font-weight:700}.trend-meta{margin-top:10px;padding:8px;border-radius:4px;color:#78a2ba;background:#031523;font-size:12px;line-height:1.5}.trend-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.trend-ranges,.trend-modes{display:flex;gap:5px;flex-wrap:wrap}.trend-toolbar button{padding:6px 10px;border:1px solid #19577c;border-radius:999px;color:#82a8bf;background:#062136;font-size:12px}.trend-toolbar button.active{border-color:#43cdeb;color:#042237;background:#50d6f5;font-weight:700}.trend-custom{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px;color:#7398ad;font-size:12px}.trend-zoom-notice{min-height:34px;margin-top:9px;padding:8px 10px;border-left:3px solid #4ad5f2;color:#a9d8e9;background:#082538;font-size:12px}.trend-canvas-wrap{position:relative;min-height:360px;margin-top:9px;overflow:hidden;border:1px solid #153e59;border-radius:4px;background:#041524}.trend-canvas-wrap canvas{display:block;max-width:none;cursor:crosshair}#trendEmpty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#698a9e;background:#041524d9;font-size:13px}#trendTooltip{position:absolute;z-index:4;display:none;width:210px;padding:9px;border:1px solid #2a759c;border-radius:5px;color:#bfe7f7;background:#031523eF;box-shadow:0 8px 24px #0008;pointer-events:none;font-size:11px;line-height:1.45}#trendTooltip b,#trendTooltip span{display:block}#trendTooltip b{margin-bottom:4px;color:#fff}.trend-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;color:#7799ad;font-size:11px}.trend-legend span:before{content:"";display:inline-block;width:18px;height:2px;margin-right:5px;vertical-align:middle;background:#49d7f5}.trend-legend .minimum:before{background:#597b91}.trend-legend .maximum:before{background:#789db2}.trend-legend .warning:before{background:#e9ad42}.trend-legend .alarm:before{background:#ff6262}.trend-legend .nominal:before{background:#91a0ab}.trend-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:9px}.trend-stat-grid div{min-width:0;padding:9px 5px;border:1px solid #173e58;background:#041827;text-align:center}.trend-stat-grid span,.trend-stat-grid b{display:block}.trend-stat-grid span{color:#698ca2;font-size:10px}.trend-stat-grid b{margin-top:4px;overflow:hidden;color:#67dcfa;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.trend-daily{grid-column:1/-1}.trend-daily-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.trend-daily-grid article{padding:10px;border:1px solid #173e58;background:#041827}.trend-daily-grid article>div{display:flex;justify-content:space-between;gap:10px}.trend-daily-grid b{color:#9ab9cb;font-size:12px}.trend-daily-grid strong{color:#62dcfa;font-size:14px}.trend-daily-grid p{margin:8px 0;color:#bdd2df;font-size:12px;line-height:1.6}.trend-daily-grid span{color:#66899e;font-size:11px;line-height:1.5}@media(max-width:1100px){.trend-page{grid-template-columns:1fr}.trend-daily{grid-column:auto}.trend-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.trend-chart-card{overflow-x:auto}.trend-toolbar{align-items:flex-start;flex-direction:column}.trend-daily-grid{grid-template-columns:1fr}.trend-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}