/* Trader review form: slider scores (not linked to the Prop Firm Chart rating) */
#trv .trv-sl{border:0;padding:0;margin:4px 0 22px;min-width:0}
#trv .trv-sl legend{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:0;margin-bottom:6px;font-weight:700;font-size:17px;color:var(--text)}
#trv .trv-sl legend span{font-weight:500;font-size:13px;color:var(--gold)}
#trv .sl-row{padding:14px 0 10px;border-top:1px solid var(--line)}
#trv .sl-row:first-of-type{border-top:0}
#trv .sl-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
#trv .sl-top label{display:block;margin:0;font-weight:600;font-size:16px;color:var(--text);line-height:1.3}
#trv .sl-top label small{display:block;margin-top:2px;font-weight:400;font-size:13.5px;color:var(--dim)}
#trv .sl-val{flex:none;min-width:84px;text-align:right;line-height:1.15}
#trv .sl-val b{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--dim)}
#trv .sl-val em{display:block;margin-top:2px;font-style:normal;font-size:12.5px;color:var(--dim)}
#trv .sl-row[data-set="1"] .sl-val b{color:var(--gold)}
#trv .sl-row[data-set="1"] .sl-val em{color:var(--muted)}
#trv .sl-row.hi .sl-val b,#trv .sl-row.hi .sl-val em{color:var(--ok)}
#trv .sl-row.lo .sl-val b{color:var(--muted)}
#trv .sl-row input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:28px;margin:6px 0 0;padding:0;border:0;background:transparent;cursor:pointer;touch-action:pan-y}
#trv .sl-row input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:6px;background:linear-gradient(90deg,var(--sl,var(--gold)) var(--p,44%),var(--panel2) var(--p,44%))}
#trv .sl-row input[type=range]::-moz-range-track{height:8px;border-radius:6px;background:var(--panel2)}
#trv .sl-row input[type=range]::-moz-range-progress{height:8px;border-radius:6px;background:var(--sl,var(--gold))}
#trv .sl-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:#fff;border:3px solid var(--sl,var(--gold));box-shadow:0 1px 4px rgba(0,0,0,.35);transition:transform .15s}
#trv .sl-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--sl,var(--gold));box-shadow:0 1px 4px rgba(0,0,0,.35)}
#trv .sl-row input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}
#trv .sl-row input[type=range]:focus{outline:none}
#trv .sl-row input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(240,190,85,.35)}
#trv .sl-row input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px rgba(240,190,85,.35)}
#trv .sl-row[data-set="0"] input[type=range]{--sl:#8a90a0;--p:0%}
#trv .sl-row[data-set="0"] input[type=range]::-moz-range-progress{background:transparent}
#trv .sl-row.hi input[type=range]{--sl:var(--ok)}
#trv .sl-row.lo input[type=range]{--sl:#9aa0ad}
#trv .sl-out{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:10px;padding:16px 20px;border-radius:14px;background:var(--panel);border:1px solid var(--line2);transition:border-color .2s,background .2s}
#trv .sl-out.done{border-color:rgba(240,190,85,.45);background:rgba(240,190,85,.07)}
#trv .sl-l{display:block;margin-bottom:4px;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--dim);white-space:nowrap}
#trv .sl-big b{font-family:var(--mono);font-size:36px;font-weight:700;line-height:1;color:var(--gold)}
#trv .sl-big i{margin-left:3px;font-style:normal;font-family:var(--mono);font-size:15px;color:var(--dim)}
#trv .sl-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
#trv .sl-stars{font-size:22px;letter-spacing:2px;color:var(--line2);white-space:nowrap}
#trv .sl-stars .on{color:var(--gold);font-style:normal}
#trv .sl-count{font-size:13px;color:var(--dim)}
#trv .sl-out.done .sl-count{color:var(--gold)}
/* each published review shows its four scores */
#trv .trv-parts{display:flex;flex-wrap:wrap;gap:6px 8px;margin:8px 0 4px}
#trv .trv-parts span{font-size:13px;color:var(--muted);padding:4px 10px;border:1px solid var(--line2);border-radius:999px}
#trv .trv-parts b{font-family:var(--mono);color:var(--text);margin-left:2px}
/* tablet and up: two sliders per row */
@media (min-width:700px){
  #trv .trv-sl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
  #trv .trv-sl legend{grid-column:1/-1;float:left}
  #trv .sl-row{border-top:1px solid var(--line)}
  #trv .sl-row:first-of-type{border-top:1px solid var(--line)}
  #trv .sl-out{grid-column:1/-1}
}
@media (max-width:380px){
  #trv .sl-out{padding:14px 16px}
  #trv .sl-big b{font-size:30px}
  #trv .sl-stars{font-size:18px}
}
/* light mode */
:root[data-theme=light] #trv .sl-row input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--sl,#B8820E) var(--p,44%),#E8E2D3 var(--p,44%))}
:root[data-theme=light] #trv .sl-row input[type=range]::-moz-range-track{background:#E8E2D3}
:root[data-theme=light] #trv .sl-row input[type=range]{--sl:#B8820E}
:root[data-theme=light] #trv .sl-row[data-set="0"] input[type=range]{--sl:#B5AE9C}
:root[data-theme=light] #trv .sl-row.hi input[type=range]{--sl:#15803D}
:root[data-theme=light] #trv .sl-row.lo input[type=range]{--sl:#8C8778}
:root[data-theme=light] #trv .sl-row[data-set="1"] .sl-val b{color:#8A6400}
:root[data-theme=light] #trv .sl-row.hi .sl-val b,:root[data-theme=light] #trv .sl-row.hi .sl-val em{color:#15803D}
:root[data-theme=light] #trv .sl-out{background:#fff;border-color:#E8E2D3}
:root[data-theme=light] #trv .sl-out.done{background:#FBF6E8;border-color:#E2CF9A}
:root[data-theme=light] #trv .sl-big b,:root[data-theme=light] #trv .sl-stars .on,:root[data-theme=light] #trv .sl-out.done .sl-count{color:#8A6400}
:root[data-theme=light] #trv .sl-stars{color:#E2DCCB}
:root[data-theme=light] #trv .trv-sl legend span{color:#8A6400}
