/* Public counts share the archive's paper/graphite themes and red accent. */
.stats-dashboard{max-width:1060px;margin:auto;min-width:0}
.stats-dashboard [hidden]{display:none!important}
.stats-dashboard .stats-heading{margin-bottom:1.5rem}
.stats-dashboard .stats-heading h1{color:var(--ink);margin-bottom:.55rem}
.stats-dashboard .stats-controls{display:flex;align-items:flex-end;gap:.8rem;flex-wrap:wrap;margin-bottom:1.2rem}
.stats-dashboard .stats-controls label{display:block;color:var(--muted);font-size:.8rem;margin-bottom:.3rem}
.stats-dashboard .stats-controls select,.stats-dashboard .stats-controls button{min-height:44px;padding:.55rem .85rem;border:1px solid var(--control-line);border-radius:4px;background:var(--paper);color:var(--ink);font:inherit;font-size:.9rem}
.stats-dashboard .stats-controls button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;background:var(--card);cursor:pointer}
.stats-dashboard .stats-controls button svg{display:block;pointer-events:none}
.stats-dashboard .stats-controls button:hover{border-color:var(--red);color:var(--red)}
.stats-dashboard :focus-visible{outline:3px solid var(--red);outline-offset:3px}
.stats-dashboard .stats-status{min-height:1.5em;font-size:.85rem;color:var(--muted);margin:0 0 1.4rem}
.stats-dashboard .stats-status:empty{display:none}
.stats-dashboard .stats-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1rem;margin:0 0 1.2rem}
.stats-dashboard .stats-overview>div{min-width:0;padding:1.25rem;background:var(--card);border:1px solid var(--line);border-radius:6px}
.stats-dashboard .stats-overview dt{font-size:.8rem;color:var(--muted);margin-bottom:.45rem}
.stats-dashboard .stats-overview dd{margin:0;color:var(--ink);font:1.05rem/1.5 var(--mono);overflow-wrap:anywhere}
.stats-dashboard #stats-total{font-size:2.35rem;line-height:1.15;font-weight:bold;letter-spacing:-.05em}
.stats-dashboard .stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.stats-dashboard .stats-panel{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:1.2rem;min-width:0;margin:0}
.stats-dashboard h2{font-size:1.1rem;color:var(--ink);letter-spacing:-.015em;margin-bottom:1rem}
.stats-dashboard .stats-daily{margin-bottom:1.2rem}
.stats-dashboard .stats-chart{display:block;width:100%;height:180px;margin-bottom:.6rem;fill:var(--red)}
.stats-dashboard .stats-chart line{stroke:var(--line);stroke-width:1}
.stats-dashboard .stats-chart text{fill:var(--muted);font:13px Arial,Helvetica,sans-serif}
.stats-dashboard .stats-table-scroll{max-height:24rem;overflow:auto;overscroll-behavior:contain;min-width:0}
.stats-dashboard table{width:100%;min-width:0;border-collapse:collapse;font-size:.85rem}
.stats-dashboard th,.stats-dashboard td{padding:.7rem .3rem;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink)}
.stats-dashboard thead th{color:var(--muted);font-weight:normal;font-size:.75rem;background:var(--card)}
.stats-dashboard th:first-child{text-align:left;font-weight:normal;overflow-wrap:anywhere;word-break:normal}
.stats-dashboard th:last-child,.stats-dashboard td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;width:5rem;padding-left:.7rem}
.stats-dashboard th a{overflow-wrap:anywhere}
.stats-dashboard tbody tr:last-child th,.stats-dashboard tbody tr:last-child td{border-bottom:0}
.stats-dashboard .stats-privacy{border-top:1px solid var(--line);padding-top:1.6rem;margin:2rem 0 0;font-size:.9rem;color:var(--muted)}
.stats-dashboard .stats-privacy h2{margin-bottom:.65rem}
.stats-dashboard .stats-privacy p{max-width:86ch}
.stats-dashboard details>summary{cursor:pointer;min-height:44px;padding:.6rem 0;color:var(--ink);font-size:.85rem}
.stats-dashboard details>p{margin:.6rem 0 1rem}
@media(max-width:720px){.stats-dashboard .stats-grid{grid-template-columns:minmax(0,1fr)}.stats-dashboard .stats-overview{grid-template-columns:minmax(0,1fr)}.stats-dashboard .stats-panel,.stats-dashboard .stats-overview>div{padding:1rem}.stats-dashboard .stats-controls>div{flex:1}.stats-dashboard .stats-controls select{width:100%}.stats-dashboard .stats-chart{height:150px}}
@media print{.stats-dashboard .stats-controls{display:none}.stats-dashboard .stats-table-scroll{max-height:none;overflow:visible}.stats-dashboard .stats-grid{display:block}.stats-dashboard .stats-panel{margin-bottom:1rem;break-inside:avoid}.stats-dashboard details>*{display:block!important}}
