body.pro-ui .score-trend-card{grid-column:1/-1;padding:22px}
.score-trend-card h2{margin:5px 0 0;font-size:22px;letter-spacing:-.5px}
.score-trend-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.score-trend-row{display:flex;gap:12px;align-items:center;min-width:0;border:1px solid var(--line);background:var(--panel2);border-radius:14px;padding:16px}
.score-trend-direction{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;font-size:23px;border-radius:10px;background:#ffffff08;color:var(--muted)}
.score-trend-copy{flex:1;min-width:0}.score-trend-copy b{display:block;font-size:13px;line-height:1.4;color:var(--text)}
.score-trend-copy>span{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:4px}
.score-trend-values{flex-shrink:0;text-align:right;font-variant-numeric:tabular-nums}.score-trend-values strong{font-size:23px;color:var(--text);font-weight:700}.score-trend-values small{font-size:9px;color:var(--muted);margin-left:2px;font-weight:500}.score-trend-values>span{display:block;font-size:11px;margin-top:4px;color:var(--muted)}
.score-trend-row[data-trend=up] .score-trend-direction{background:#2fb57522;color:#66dfa4}.score-trend-row[data-trend=down] .score-trend-direction{background:#e4687622;color:#ff98a5}
.score-trend-row[data-trend=up] .score-trend-values>span{color:#66dfa4}.score-trend-row[data-trend=down] .score-trend-values>span{color:#ff98a5}
html:is([data-theme=studio],[data-theme=light],[data-theme=bold]):not([data-view=professional]) .score-trend-row[data-trend=up] :is(.score-trend-direction,.score-trend-values>span){color:#216844}
html:is([data-theme=studio],[data-theme=light],[data-theme=bold]):not([data-view=professional]) .score-trend-row[data-trend=down] :is(.score-trend-direction,.score-trend-values>span){color:#a92d42}
.score-trend-note{color:var(--muted);font-size:10px;line-height:1.7;margin:15px 0 0}
html:root[data-view=professional] .score-trend-card{margin:24px 0;border-radius:8px!important;box-shadow:none!important}
html:root[data-view=professional] .score-trend-row{border-radius:6px}
@media(max-width:1100px){.score-trend-list{grid-template-columns:1fr;gap:0}.score-trend-row{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:15px 0}.score-trend-row:last-child{border:0}}