/* Refreshed analytics trend: compact two-series line/area visualization. */
.trend-chart{width:100%;min-width:0;padding:2px 0 0}
.trend-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.trend-header-metrics{display:flex;align-items:center;gap:21px}
.trend-header-metrics>div{min-width:0}
.trend-overline{display:block;font-size:9px;font-weight:800;letter-spacing:.12em;color:#8b9ab0;margin-bottom:3px}
.trend-number{font-size:26px;line-height:1.2;letter-spacing:-.035em;font-weight:900;color:#153852}
.trend-number-bad{color:#d46e7d}
.trend-vs{border-left:1px solid #e3eaf3;padding-left:18px}
.trend-range{display:inline-flex;align-items:center;background:#f2f5fb;border-radius:11px;border:1px solid #e5eaf2;padding:3px;gap:3px}
.trend-range>button{padding:6px 9px;border-radius:8px;font-size:10px;color:#78869e;font-weight:800;transition:all .15s}
.trend-range>button.is-active{background:white;color:#4f65bf;box-shadow:0 2px 7px #536db21a}
.trend-range>button:hover:not(.is-active){background:#e9edf7;color:#334f86}
.trend-legend{display:flex;align-items:center;justify-content:end;gap:17px;margin-top:8px;color:#7d8ba1;font-size:10px;font-weight:700}
.trend-legend>span{display:flex;align-items:center;gap:7px}
.trend-key-success,.trend-key-error{display:inline-block;width:9px;height:9px;border-radius:99px;flex-shrink:0}
.trend-key-success{background:#18ae98;box-shadow:0 0 0 2px #e1f8f1}
.trend-key-error{background:#ec748c;box-shadow:0 0 0 2px #fff0f2}
.trend-view{width:100%;height:224px;position:relative;margin-top:2px;overflow:visible}
.trend-svg{width:100%;height:100%;display:block;overflow:visible}
.trend-axis-text{font-size:11px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;fill:#91a1b5;font-weight:600}
.trend-empty{position:absolute;left:16%;right:10%;top:42%;text-align:center;border:1px dashed #cedbea;background:#ffffffde;color:#91a1b5;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:650;pointer-events:none}
.trend-tooltip{position:absolute;z-index:8;transform:translateX(-50%);min-width:133px;max-width:155px;padding:10px 12px;border-radius:12px;background:#17344e;color:#f8fafc;box-shadow:0 9px 20px #16314f30;font-size:10px;line-height:1.8;white-space:nowrap;pointer-events:none}
.trend-tooltip[hidden]{display:none!important}
.trend-tooltip>strong{font-size:11px;font-weight:850;display:block;color:white;margin-bottom:4px}
.trend-tooltip>div{display:flex;align-items:center;gap:7px;color:#e2e8f0;font-size:10px}
.trend-tooltip>div b{margin-left:auto;color:white}
.trend-tooltip .trend-key-success,.trend-tooltip .trend-key-error{width:7px;height:7px;box-shadow:none}
.trend-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #edf2f8;padding:10px 0 1px;color:#a0aec0;font-size:10px;font-weight:550}
.trend-foot span{font-weight:750;color:#8393a8}
#watchGrid [data-widget="performance"].watch-wide .trend-view{height:255px}
#watchGrid [data-widget="performance"] .watch-head{margin-bottom:8px}
#watchGrid [data-widget="performance"] #chartRuns{margin-top:5px!important}
#watchGrid [data-widget="performance"].watch-wide .trend-number{font-size:29px}
@media(max-width:650px){.trend-header-metrics{gap:12px}.trend-number{font-size:23px}.trend-vs{padding-left:12px}
.trend-overline{font-size:8px}
.trend-range>button{font-size:9px;padding:5px 8px}
.trend-view,#watchGrid [data-widget="performance"].watch-wide .trend-view{height:196px}
.trend-legend{gap:11px}.trend-axis-text{font-size:12px}
.trend-foot{font-size:9px}
.trend-tooltip{padding:8px;font-size:9px}
}