/* Infludar — Stats Page Styles */

.st-controls{display:flex;align-items:center;gap:10px}
.st-period-sel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:6px 12px;font-size:13px;cursor:pointer}
.st-period-sel:focus{border-color:var(--accent);outline:none}

/* Charts grid */
.st-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.st-chart-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;position:relative}
.st-canvas-wrap{position:relative;height:180px;width:100%}
.st-chart-card--empty{display:flex;flex-direction:column}
.st-chart-title{font-size:13px;font-weight:600;color:var(--text-sec);margin-bottom:14px;text-transform:uppercase;letter-spacing:.4px}

/* Summary card */
.st-summary{display:flex;flex-direction:column;gap:0;flex:1;justify-content:center}
.st-sum-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)}
.st-sum-row:last-child{border-bottom:none}
.st-sum-lbl{font-size:13px;color:var(--text-muted)}
.st-sum-val{font-size:15px;font-weight:700;color:var(--text)}
.st-sum-val.purple{color:var(--accent2)}
.st-sum-val.red{color:var(--red)}
.st-sum-val.accent{color:var(--accent)}
.st-sum-val.orange{color:var(--orange)}
.st-sum-val.green{color:var(--green)}

/* Runs section */
.st-runs-section{margin-top:24px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px}
.st-runs-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.st-runs-title{font-size:16px;font-weight:600;color:var(--text)}
.st-runs-filters{display:flex;gap:8px}
.st-filter-sel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:5px 10px;font-size:12px;cursor:pointer}
.st-filter-sel:focus{border-color:var(--accent);outline:none}

/* Type badges */
.st-type-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600}
.st-type-parse{background:rgba(99,102,241,0.12);color:var(--accent)}
.st-type-monitor{background:rgba(34,197,94,0.12);color:var(--green)}

/* Platform badges */
.st-pf-yt{color:#ff0000;font-weight:600;font-size:12px}
.st-pf-tw{color:#9146ff;font-weight:600;font-size:12px}

.st-date{font-size:11px;color:var(--text-muted);white-space:nowrap}
.st-empty{text-align:center;color:var(--text-muted);padding:32px}

/* Pager */
.st-pager{display:flex;justify-content:center;padding:16px 0}
.st-pager-inner{display:flex;gap:4px}
.st-pg{background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:12px;padding:4px 10px;cursor:pointer;transition:all .15s}
.st-pg:hover{border-color:var(--accent);color:var(--text)}
.st-pg.active{background:var(--accent);border-color:var(--accent);color:#fff}
.st-pg-dots{color:var(--text-muted);padding:4px 6px;font-size:12px}

/* Runs table */
.st-runs-tbl th{font-size:11px}
.st-runs-tbl td{font-size:12px}

@media(max-width:900px){
  .st-charts{grid-template-columns:1fr}
  .st-runs-head{flex-direction:column;gap:8px;align-items:flex-start}
}