/* ============================================================
   slide-23.css — SEGNALI DI COMPROMISSIONE
   Modifica qui: 6 card (3 rosse + 3 ambra), testi, dots
   ============================================================ */

/* Griglia 3 colonne x 2 righe */
.slide-23 .grid-3x2 {
  gap: 10px;
  padding: 10px 48px 8px;
}

/* Card rosse — segnali CRITICI (prime 3) */
.slide-23 .card.cr {
  border-left-color: var(--red);
}

/* Card ambra — segnali SOSPETTI (ultime 3) */
.slide-23 .card.ca {
  border-left-color: var(--amber);
}

/* Icona nella card (monitor, lucchetto, email...) */
.slide-23 .ib svg {
  width: 22px;
  height: 22px;
}

/* Badge ⚠ CRITICO */
.slide-23 .card.cr .badge {
  background: rgba(255,45,32,.15);
  color: var(--red);
  border: 1px solid rgba(255,45,32,.3);
}

/* Badge 🚨 EMERGENZA */
.slide-23 .card.cr .badge.emergency {
  background: rgba(255,45,32,.25);
  color: #fff;
}

/* Badge SOSPETTO */
.slide-23 .card.ca .badge {
  background: rgba(255,153,0,.12);
  color: var(--amber);
  border: 1px solid rgba(255,153,0,.25);
}

/* Titolo card */
.slide-23 .card-title {
  font-size: clamp(16px, 1.9vw, 24px);
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
}

/* Testo descrittivo */
.slide-23 .card-body {
  font-size: clamp(13px, 1.45vw, 17px);
  color: rgba(255,255,255,.54);
  line-height: 1.55;
}

/* Testo in grassetto nel corpo */
.slide-23 .card-body strong {
  color: rgba(255,255,255,.88);
  font-weight: 700;
}

/* Testo enfatizzato (ambra) nel corpo */
.slide-23 .card-body em {
  color: var(--amber);
  font-style: normal;
  font-weight: 700;
}

/* Footer card: keyword + dots */
.slide-23 .card-foot {
  margin-top: 9px;
  padding-top: 8px;
  border-top: 1px solid rgba(255,255,255,.05);
}

/* Keyword tecnica (CPU/RAM ANOMALA, RANSOMWARE ATTIVO...) */
.slide-23 .fkw {
  font-size: 9px;
  letter-spacing: .12em;
  color: rgba(255,255,255,.2);
}

/* Dots severità rossi */
.slide-23 .dot.on.r {
  background: var(--red);
  box-shadow: 0 0 6px var(--red);
}

/* Dots severità ambra */
.slide-23 .dot.on.a {
  background: var(--amber);
  box-shadow: 0 0 6px var(--amber);
}

/* Dot spento */
.slide-23 .dot.off {
  background: rgba(255,255,255,.12);
}