/* Reports page. Shares the Bot results palette. */
.rp { max-width: 1100px; }
.rp-filters { display: flex; flex-wrap: wrap; gap: 8px; align-items: end; }
.rp-filters label { display: grid; gap: 4px; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--br-muted); }
.rp-filters select, .rp-filters input, .rp-btn {
    background: #24384f; border: 1px solid #3a5069; color: #e7eef8; border-radius: 8px; height: 34px; padding: 0 8px; }
.rp-btn { cursor: pointer; font-weight: 650; }
.rp-btn:hover, .rp-filters select:hover, .rp-filters input:hover { filter: brightness(1.12); }
.rp-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; }
.rp-stat { background: var(--br-sunk); border: 1px solid #213148; border-radius: 10px; padding: 8px 10px; min-width: 0; }
.rp-stat span { display: block; font-size: 10px; letter-spacing: .07em; text-transform: uppercase; color: var(--br-muted); }
.rp-stat b { display: block; font-size: 16px; font-variant-numeric: tabular-nums; margin-top: 2px; overflow-wrap: anywhere; }
.rp-chart { display: grid; gap: 6px; }
.rp-bar { display: grid; grid-template-columns: 92px minmax(0, 1fr) 88px; gap: 8px; align-items: center; font-size: 13px; }
.rp-bar i { display: block; height: 8px; border-radius: 8px; background: #26364b; position: relative; }
.rp-bar i > b { display: block; height: 100%; border-radius: 8px; }
.rp-bar i > b.up { background: #3c9d86; }
.rp-bar i > b.down { background: #c46b78; }
.rp-bar .rp-n { text-align: right; font-variant-numeric: tabular-nums; font-weight: 700; }
.rp-eq { width: 100%; height: 180px; background: var(--br-sunk); border: 1px solid #213148; border-radius: 10px; }
.rp-heat-wrap { overflow-x: auto; }
.rp-heat { display: grid; grid-template-columns: 36px repeat(24, minmax(16px, 1fr)); gap: 2px; min-width: 640px; }
.rp-heat span, .rp-heat i { font-size: 9px; color: var(--br-muted); text-align: center; }
.rp-heat i { display: block; aspect-ratio: 1.15; border-radius: 3px; background: #1a2838; }
.rp-table-wrap { overflow-x: auto; max-height: 520px; }
.rp-table { width: 100%; border-collapse: collapse; font-size: 12px; font-variant-numeric: tabular-nums; }
.rp-table th { position: sticky; top: 0; background: #16283c; text-align: left; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; color: var(--br-muted); padding: 6px; }
.rp-table td { padding: 6px; border-top: 1px solid #213148; white-space: nowrap; }
.rp-table td.wrap { white-space: normal; }
.rp-lock { display: grid; gap: 8px; max-width: 360px; margin: 0 auto; text-align: left; }
.rp-lock input { width: 100%; }
@media (max-width: 600px) {
    .rp-bar { grid-template-columns: 64px minmax(0, 1fr) 72px; }
}