/* stats-ext.css — Onglet Historique / Stats (read-only). */

.st-subnav { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.st-subbtn {
  padding: 8px 14px; border-radius: 999px; cursor: pointer;
  border: 1px solid var(--border-color, rgba(255,255,255,0.15));
  background: transparent; color: var(--text-main, #f5f5ff);
  font-size: 0.85rem; font-weight: 600; transition: background .15s, border-color .15s;
}
.st-subbtn.is-active { background: var(--accent-primary, #32b8c6); border-color: var(--accent-primary, #32b8c6); color: #042; }

.st-periods { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 14px; }
.st-period {
  padding: 5px 12px; border-radius: 8px; cursor: pointer; font-size: 0.78rem;
  border: 1px solid var(--border-color, rgba(255,255,255,0.15));
  background: transparent; color: var(--text-secondary, #b8c0c0);
}
.st-period.is-active { background: rgba(50,184,198,.14); border-color: var(--accent-primary, #32b8c6); color: var(--accent-primary, #32b8c6); }

.st-loading, .st-empty { padding: 1.5rem; opacity: .65; text-align: center; }
.st-error { padding: 1rem; color: #ef5350; }

.st-table-wrap { overflow-x: auto; border-radius: 10px; border: 1px solid var(--border-color, rgba(119,124,124,.25)); }
.st-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.st-table th, .st-table td { padding: .6rem .7rem; text-align: left; white-space: nowrap; }
.st-table thead th {
  position: sticky; top: 0; background: var(--bg-secondary, #262828);
  font-size: 0.72rem; text-transform: uppercase; letter-spacing: .04em; color: var(--text-secondary, #b8c0c0);
}
.st-table tbody tr { border-top: 1px solid var(--border-color, rgba(119,124,124,.15)); }
.st-table tbody tr:hover { background: rgba(50,184,198,.06); }
.st-name { font-weight: 600; max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
.st-date { color: var(--text-secondary, #b8c0c0); font-variant-numeric: tabular-nums; }
.st-qty { font-variant-numeric: tabular-nums; color: var(--text-secondary, #b8c0c0); }
.st-rank { font-weight: 700; color: var(--accent-primary, #32b8c6); }
.st-delta { font-weight: 700; font-variant-numeric: tabular-nums; }

.st-badge { padding: .12rem .5rem; border-radius: 999px; font-size: .72rem; font-weight: 700; }
.st-add    { color: #4CAF50; }
.st-remove { color: #ef5350; }
.st-set    { color: var(--accent-orange, #E68161); }
.st-badge.st-add    { background: rgba(76,175,80,.14); }
.st-badge.st-remove { background: rgba(239,83,80,.14); }
.st-badge.st-set    { background: rgba(230,129,97,.14); }

.st-count { margin-top: 10px; font-size: .78rem; opacity: .6; text-align: right; }