.auto-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:22px;border-bottom:1px solid var(--border,#e1e5e8);margin-bottom:22px}.auto-controls label{display:flex;align-items:center;gap:10px;font-weight:600}.auto-controls select{max-width:100%;padding:9px;border:1px solid #b4bac1;border-radius:6px;background:white;color:inherit}.auto-controls small,.auto-headline span{color:#58616a}.auto-headline{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:baseline;margin:18px 0}.auto-headline:has(strong:empty){display:none}.auto-headline strong{font-size:1.25rem}.auto-ranking{width:100%;table-layout:auto}.auto-ranking caption{text-align:left;margin:8px 0;font-weight:600}.auto-ranking th:first-child{min-width:135px}.auto-ranking tbody th img{vertical-align:middle;object-fit:contain;margin-right:12px}.auto-ranking td,.auto-ranking thead th:not(:first-child){text-align:right}.auto-ranking tr[hidden]{display:none}[data-auto-more]{margin:12px 0;padding:10px 16px;border:1px solid #abb2b9;background:var(--color-surface);color:var(--color-text);border-radius:6px;cursor:pointer}@media(max-width:800px){.auto-controls label{display:block;width:100%}.auto-controls select{display:block;width:100%;margin-top:8px}.auto-ranking thead{display:none}.auto-ranking,.auto-ranking tbody,.auto-ranking tr,.auto-ranking th,.auto-ranking td{display:block;width:100%;box-sizing:border-box}.auto-ranking tr{padding:12px 0;border-bottom:1px solid #ddd}.auto-ranking td{display:flex;justify-content:space-between;gap:14px;padding:6px 0;border:0}.auto-ranking td:before{content:attr(data-label);text-align:left;color:#58616a}.auto-ranking tbody th{text-align:left;padding:8px 0;border:0}}
.dashboard-page .market-chart-wrap{position:relative}.dashboard-page .dashboard-tooltip{position:absolute;bottom:0;left:0;right:0;z-index:2;pointer-events:none}
.auto-ranking tbody th{background:transparent;text-transform:none}.auto-ranking tbody th img{display:inline-block}.auto-ranking tbody th span{display:inline}.auto-ranking td small{display:block;font-size:11px;color:#65717a;font-weight:400;margin-top:3px}
.dashboard-page .auto-ranking tbody th{background:transparent;text-transform:none}.dashboard-page .auto-ranking tbody th span{display:inline;overflow-wrap:anywhere}@media(max-width:800px){.auto-ranking caption{display:block;width:100%;box-sizing:border-box}}
.auto-rank-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px;align-items:end}.auto-rank-controls label{display:grid;gap:6px;font-size:12px;font-weight:600;min-width:0}.auto-rank-controls input,.auto-rank-controls select,.auto-rank-controls>button{font:inherit;box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:9px;border:1px solid var(--color-border);background:white;color:inherit;border-radius:4px;min-height:40px}.auto-rank-controls>button{cursor:pointer;font-size:12px}.auto-rank-controls [data-auto-status]{font-size:12px;grid-column:1/-1}.auto-rank-controls [data-auto-status]:empty{display:none}.auto-ranking thead button{font:inherit;color:inherit;background:none;border:0;padding:0;text-align:inherit;cursor:pointer}.auto-ranking th[aria-sort=ascending] button:after{content:' ↑'}.auto-ranking th[aria-sort=descending] button:after{content:' ↓'}[data-auto-count]{font-weight:400;color:var(--color-text-secondary);margin-left:12px}
.dashboard-legend [data-series-toggle]{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;background:white;border:1px solid var(--color-border);border-radius:4px;font:inherit;color:inherit;cursor:pointer;min-height:34px}.dashboard-legend [data-series-toggle][aria-pressed=false]{opacity:.5;text-decoration:line-through}.dashboard-legend [data-series-toggle][aria-pressed=true]{border-color:#8b949c}.dashboard-legend [data-series-toggle] i{display:inline-block;width:22px;border-top-width:2px}
@media(max-width:600px){.auto-rank-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.auto-rank-controls label:nth-child(2),.auto-rank-controls label:nth-child(4){grid-column:1/-1}.auto-ranking td{gap:12px}.auto-ranking td:before{max-width:58%}.auto-ranking td>span{flex-shrink:0}}
.dashboard-legend [data-series-toggle] img{display:inline-block;width:26px;height:22px;object-fit:contain;flex-shrink:0}
.dashboard-legend [data-series-toggle]{border:1px solid var(--series-color,#8b949c);border-left:6px solid var(--series-color,#8b949c);background:color-mix(in srgb,var(--series-color,#8b949c) 8%,white);padding:8px 11px;gap:8px}.dashboard-legend [data-series-toggle][aria-pressed=true]{border-color:var(--series-color,#8b949c)}.dashboard-legend [data-series-toggle] i{width:15px;height:15px;flex-shrink:0;border:0!important;border-radius:3px;background:var(--series-color,#8b949c)}.dashboard-legend [data-series-toggle][aria-pressed=false]{background:white;opacity:.45}.dashboard-legend [data-series-toggle]:hover{background:color-mix(in srgb,var(--series-color,#8b949c) 14%,white)}

.auto-costs-scroll{overflow-x:auto;max-width:100%}
.auto-costs-table{width:100%;border-collapse:separate;border-spacing:3px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--color-text)}
.auto-costs-table caption{text-align:left;padding:0 0 12px;color:var(--color-text-secondary);line-height:1.5}
.auto-costs-table th{font-weight:500;padding:10px 8px;text-align:center}
.auto-costs-table td{min-width:85px;text-align:center;padding:10px 4px;border:0;border-radius:2px;white-space:nowrap}
.auto-costs-table th small{display:block;font-size:10px;font-weight:400;white-space:nowrap;color:var(--color-text-secondary);margin-top:4px}
.dashboard-page .auto-costs-table thead th,.dashboard-page .auto-costs-table thead th:first-child{background:transparent;color:var(--color-text-secondary)}
.dashboard-page .auto-costs-table tbody th,.dashboard-page .auto-costs-table tbody th:first-child{background:var(--color-surface);color:var(--color-text);text-align:left;position:sticky;left:0;z-index:1;min-width:100px}
.auto-heatmap-key{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--color-text-secondary);margin:12px 0}
.dashboard-page .auto-heatmap-key i{width:100px;height:10px;background:linear-gradient(to right,rgba(229,43,56,0),rgba(229,43,56,.7));border:0;border-radius:2px}
.auto-heatmap-key small{margin-left:8px}

/* Native controls retain their keyboard behavior and use the shared site palette. */
.dashboard-page :is(.auto-controls,.auto-rank-controls) select,
.dashboard-page .auto-rank-controls input,
.dashboard-page .auto-rank-controls>button{box-sizing:border-box;min-height:40px;border:1px solid var(--color-border);border-radius:5px;background-color:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:13px;font-weight:500;padding:9px 12px}
.dashboard-page :is(.auto-controls,.auto-rank-controls) select{appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%238b929b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}
.dashboard-page :is(.auto-controls,.auto-rank-controls) select option{background:var(--color-surface);color:var(--color-text)}
.dashboard-page :is(.auto-controls,.auto-rank-controls) label{font-size:12px;font-weight:500;color:var(--color-text-secondary)}
.dashboard-page :is(.auto-controls,.auto-rank-controls) :is(select,input,button):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}

.dashboard-page .dashboard-legend [data-series-toggle]{background:color-mix(in srgb,var(--series-color,#8b949c) 10%,var(--color-surface));color:var(--color-text)}
.dashboard-page .dashboard-legend [data-series-toggle][aria-pressed=false]{background:var(--color-surface);opacity:.55}
.dashboard-page .dashboard-legend [data-series-toggle]:hover{background:color-mix(in srgb,var(--series-color,#8b949c) 20%,var(--color-surface));opacity:1}
.dashboard-page .dashboard-legend [data-series-toggle]:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
.auto-units{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:8px;white-space:nowrap}
.dashboard-page .auto-ranking td .auto-units-previous{display:inline;margin:0;font-size:11px;font-weight:500;color:var(--color-text-secondary)}
.dashboard-page .auto-ranking td .auto-units-previous.up{color:var(--color-positive,#008a45)}
.dashboard-page .auto-ranking td .auto-units-previous.down{color:var(--color-negative,#e52b38)}