/* The Star Manager. The shared look lives in /common/common.css. */
.picked { display: grid; gap: 6px; }
.picked .row { display: flex; justify-content: space-between; gap: 8px; font-family: var(--mono);
               font-size: 11.5px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px;
               background: var(--bg); }
.picked .row span:last-child { color: var(--up); }
.table-wrap { padding: 4px 6px 10px; }
.dash-table-container .previous-next-container { color: var(--muted); font-family: var(--mono); }
.dash-table-container .previous-next-container button { width: auto; padding: 4px 10px; }
.dash-table-container .page-number input { background: var(--bg); color: var(--ink); }
/* The table component defines its own --accent (hot pink) inside the table, so
   capture the site's accent under another name on the wrapper, outside it. */
.table-wrap { --site-accent: var(--accent); }
.table-wrap .dash-table-container input[type="checkbox"],
.table-wrap .dash-table-container input[type="radio"] { accent-color: var(--site-accent) !important; }