/* Shared styling for classifier-stats sections built by stats-core.js.
   Included by flashdeck/index.html (live Stats screen) and
   flowers/stats.html (dashboard, every deck at once) — one source of truth
   for how a stats section looks, wherever it's shown. */
.stats-note { font-size:.82rem; color:var(--muted); margin:.4rem 0 .9rem; }
.tiles { display:grid; grid-template-columns:repeat(auto-fit, minmax(108px,1fr)); gap:.6rem; margin:.4rem 0 1rem; }
.tile { background:var(--soft); border:1px solid var(--line); border-radius:10px; padding:.55rem .7rem; }
.tile .tl { font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.tile .tv { font-size:1.35rem; font-weight:600; line-height:1.2; }
.tile .ts { font-size:.72rem; color:var(--muted); }
.chartwrap { position:relative; margin:.4rem 0 1.1rem; }
.chartwrap svg { width:100%; height:auto; display:block; }
.clegend { display:flex; gap:1rem; flex-wrap:wrap; font-size:.78rem; color:var(--muted); margin:.2rem 0 .3rem; }
.clegend i { font-style:normal; display:inline-flex; align-items:center; gap:.35rem; }
.clegend .lk { display:inline-block; width:14px; height:0; border-top:2.5px solid; border-radius:2px; }
.chart-tip { position:absolute; display:none; pointer-events:none; background:#fff; border:1px solid var(--line);
             border-radius:9px; padding:.4rem .6rem; font-size:.76rem; line-height:1.5; box-shadow:0 4px 16px rgba(30,27,46,.15); z-index:3; white-space:nowrap; }
.chart-tip .cv { font-weight:700; font-variant-numeric:tabular-nums; }
.chart-tip .cn { color:var(--muted); }
.stats-table-wrap { overflow-x:auto; }
.stats-table { border-collapse:collapse; width:100%; font-size:.8rem; }
.stats-table th, .stats-table td { border-bottom:1px solid var(--line); padding:.3rem .45rem; text-align:right;
                                   font-variant-numeric:tabular-nums; white-space:nowrap; }
.stats-table th { font-size:.66rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }
.stats-table th:first-child, .stats-table td:first-child { text-align:left; }
.stats-table .cnt { color:var(--muted); }
.banddot { display:inline-block; width:.55rem; height:.55rem; border-radius:50%; margin-right:.3rem; vertical-align:baseline; }
.pairs { font-size:.85rem; }
.pairs .px { background:var(--soft); border:1px solid var(--line); border-radius:8px; padding:.2rem .6rem;
             display:inline-block; margin:.15rem .25rem .15rem 0; }