/* ── Pannello Eventi: totali della live + tabellone ───────── */
.events-view {
  display: flex;
  flex-direction: column;
  height: 100%;
  container-type: inline-size;
}

.stats {
  flex: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2px;
  padding: 10px 10px 0;
}
@container (max-width: 300px) { .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (min-width: 620px) { .stats { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.stat {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 10px;
  padding: 8px 10px 9px 8px;
  background: var(--hull-2);
}
.stat .icon {
  grid-row: 1 / 3;
  box-sizing: content-box;
  width: 16px;
  height: 16px;
  padding: 6px;
  background: var(--tone);
  color: var(--ink);
  stroke-width: 2;
}
.stat-value {
  font: 800 28px/1 var(--font-display);
  font-variant-numeric: tabular-nums;
  color: var(--text);
  overflow: hidden;
  text-overflow: ellipsis;
}
.stat-label {
  font: 600 10px/1.2 var(--font-ui);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-3);
}
.stat.is-zero .icon { background: var(--hull-3); color: var(--text-3); }
.stat.is-zero .stat-value { color: var(--text-3); }

.events-scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 4px 12px 12px;
  scrollbar-gutter: stable;
}
.events-view .board { font-size: 14px; }
.events-view .board li { grid-template-columns: 50px 30px minmax(0, 1fr); padding: 10px 2px; }
.events-view .board .board-icon { width: 30px; height: 30px; }
.events-view .board .board-text strong { font-size: 16px; }

/* Evento appena arrivato: lampo del colore del tipo */
.board li.is-new { animation: board-in 1600ms var(--ease-out); }
@keyframes board-in {
  from { background: color-mix(in srgb, var(--tone, var(--volt)) 30%, transparent); }
  to { background: transparent; }
}

/* Cestino armato: secondo clic per confermare */
.icon-btn.is-armed { background: var(--ink); color: var(--hood); }