/* Time Bomb HQ - Analytics: the dimension picker, the charts, the What seems to work list.
   Tokens, buttons, tables, tiles, panels and badges come from styles.css: use them, and add
   here only what this section alone needs. Class names start with a short section prefix. */

/* ---------- a chart with its key ---------- */
.an-figure{margin:0;min-width:0}
.an-figure .chart{max-width:1100px}
/* the note at the right of each grouped bar: how many shows it rests on */
.an-bar-note{fill:var(--faint);font-size:11.5px;font-variant-numeric:tabular-nums}
.chart-row.is-muted .an-bar-note{font-style:italic}
.an-value--blue{fill:var(--blue-2)}
.chart-row.is-muted .an-value--blue{fill:var(--faint)}

/* a chart with nothing to draw yet (.chart-empty from charts.css): room for a button */
.an-empty{min-height:220px}
.an-empty>div{display:grid;justify-items:center;gap:var(--s-1);max-width:62ch}
.an-empty span{line-height:1.55}
.an-empty-action{margin-top:var(--s-3)}

/* ---------- tables of numbers ---------- */
.an-table td{height:40px}
.an-table .td-sub{white-space:nowrap}
/* a number that rests on too few shows: there, and visibly not to be leaned on */
.an-thin{color:var(--faint);font-style:italic;border-bottom:1px dashed var(--line-strong);cursor:help}
.an-blank{color:var(--muted);font-weight:500;font-style:italic}
.an-few{font-style:italic}
.an-table th,.an-table td{padding-left:10px;padding-right:10px}
.an-table td:first-child{max-width:none}

/* ---------- what seems to work ---------- */
.an-findings{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}
.an-findings li{
  display:grid;grid-template-columns:34px minmax(0,1fr);gap:var(--s-3);align-items:start;
  padding:var(--s-3) var(--s-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-raise);
}
.an-findings p{font-size:var(--fs-md);line-height:1.5;max-width:100ch}
.an-findings .an-rests{margin-top:2px;font-size:var(--fs-xs);color:var(--faint)}
.an-rank{
  display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
  font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);
  color:var(--gold-2);background:var(--gold-tint);border:1px solid rgba(229,181,68,.5);
}
.an-findings--blue .an-rank{color:var(--blue-2);background:var(--blue-tint);border-color:rgba(63,127,224,.55)}
.an-flat{margin:0;padding:0 0 0 var(--s-5);color:var(--muted);font-size:var(--fs-sm);line-height:1.6}
.an-waiting{color:var(--faint);font-size:var(--fs-xs)}
/* nothing to say yet: said plainly, in the list's own space */
.an-quiet{
  display:grid;gap:var(--s-2);padding:var(--s-5) var(--s-6);
  border:1px dashed var(--line-strong);border-radius:var(--r-md);color:var(--muted);font-size:var(--fs-sm);line-height:1.55;
}
.an-quiet b{color:var(--text);font-size:var(--fs-md);font-weight:600}
.an-quiet p{max-width:92ch}
.an-others{display:grid;gap:var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--line)}
.an-subhead{
  display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;
  font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);
}