.dso-controls { display:flex; gap:12px; flex-wrap:wrap; margin:12px 0; align-items:center; }
.dso-controls label { display:flex; flex-direction:column; gap:4px; font-size:12px; }
.dso-controls select, .dso-controls input { background:#1a1d2c; color:#eee; border:1px solid #2a2d3c; border-radius:6px; padding:6px 8px; min-width:140px; }

.dso-table { width:100%; border-collapse:collapse; font-size:13px; }
.dso-table th { text-align:left; padding:8px 6px; color:#888; border-bottom:1px solid #2a2d3c; font-weight:500; cursor:pointer; user-select:none; }
.dso-table th:hover { color:#bbb; }
.dso-table th.sorted::after { content:' ▼'; color:#f6c34a; }
.dso-table th.sorted.asc::after { content:' ▲'; color:#f6c34a; }
.dso-table td { padding:8px 6px; border-bottom:1px solid #1a1d2c; }
.dso-table tbody tr:hover { background:#161827; }
.dso-table .alt-bar { display:inline-block; height:6px; min-width:80px; background:#1a1d2c; border-radius:3px; vertical-align:middle; margin-left:6px; position:relative; overflow:hidden; }
.dso-table .alt-bar > span { display:block; height:100%; background:linear-gradient(90deg,#4a5060,#7cd5ff,#9be0a8); }

.dso-row-up    td { color:#9be0a8; }
.dso-row-down  td { color:#666; }
.dso-row-warn  td { color:#dde08a; }