/* SecurPress — sopra Bootstrap 5.3. Il colore del marchio arriva da
   Layout::rootMarchio() (conf.php → marchio): qui solo var(--sp-marchio). */

body { font-family: 'Titillium Web', system-ui, sans-serif; background: var(--bs-tertiary-bg); }
.table { font-size: .84rem; }

.sp-barra { background: linear-gradient(90deg, var(--sp-marchio-scuro), var(--sp-marchio)); }

.sp-card { border: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, .08); }
.sp-kpi-n { font-size: 2rem; font-weight: 700; line-height: 1; }
.sp-kpi-l { font-size: .8rem; color: var(--bs-secondary-color); margin-top: .35rem; }

.btn-primary {
  --bs-btn-bg: var(--sp-marchio); --bs-btn-border-color: var(--sp-marchio);
  --bs-btn-hover-bg: var(--sp-marchio-scuro); --bs-btn-hover-border-color: var(--sp-marchio-scuro);
  --bs-btn-active-bg: var(--sp-marchio-scuro); --bs-btn-active-border-color: var(--sp-marchio-scuro);
  --bs-btn-disabled-bg: var(--sp-marchio); --bs-btn-disabled-border-color: var(--sp-marchio);
}
.btn-outline-primary {
  --bs-btn-color: var(--sp-marchio); --bs-btn-border-color: var(--sp-marchio);
  --bs-btn-hover-bg: var(--sp-marchio); --bs-btn-hover-border-color: var(--sp-marchio);
  --bs-btn-active-bg: var(--sp-marchio-scuro);
}
.nav-tabs .nav-link.active { color: var(--sp-marchio); }

/* Classe del punteggio: riquadro con la lettera */
.sp-classe { display: inline-flex; align-items: center; justify-content: center; width: 2.1rem; height: 2.1rem;
  border-radius: .5rem; font-weight: 700; font-size: 1.1rem; color: #fff; }
.sp-classe-a { background: #138a43; }
.sp-classe-b { background: #5ba829; }
.sp-classe-c { background: #c9a100; }
.sp-classe-d { background: #e07b00; }
.sp-classe-e { background: #d0421b; }
.sp-classe-f { background: #a3131b; }
.sp-classe-nd { background: var(--bs-secondary-bg); color: var(--bs-secondary-color); }

/* Avvisi di copyright Wordfence/MITRE: obbligatori, ma discreti */
.sp-copy { font-size: .7rem; color: var(--bs-secondary-color); margin-top: .25rem; }
.sp-copy a { color: inherit; }

/* Elenchi di caselle con ricerca (chi vede cosa) */
.sp-spunte-elenco { max-height: 15rem; overflow-y: auto; }
.sp-spunte-elenco label { cursor: pointer; border-bottom: 1px solid var(--bs-border-color-translucent); }
.sp-spunte-elenco label:hover { background: var(--bs-tertiary-bg); }
.sp-spunte-elenco label:has(input:checked) { background: rgba(var(--sp-marchio-rgb), .08); }

/* «Come risolvere» sotto ogni problema */
.sp-rimedio summary { color: var(--sp-marchio); cursor: pointer; font-weight: 600; }
.sp-rimedio pre { background: var(--bs-tertiary-bg); border-radius: .4rem; padding: .5rem .7rem; margin: .4rem 0;
  font-size: .78rem; white-space: pre-wrap; }
.sp-rimedio code { font-size: .8rem; }

/* Pagina di accesso */
.sp-accesso { background: linear-gradient(135deg, var(--sp-marchio-scuro), var(--sp-marchio)); }
.sp-firma a { color: inherit; }
.sp-firma img { opacity: .92; }

/* Simbolo dell'erogatore nella barra, separato dal nome del prodotto */
.sp-erogatore { border-left: 1px solid rgba(255, 255, 255, .3); }
.sp-erogatore img { display: block; }