/* portale_fornitori — tema sopra Bootstrap 5.3 (nessuna build: solo variabili e classi).
   Niente stili inline nei template: la CSP ha style-src 'self'. */

:root {
  --pf-blu: #1a4f9c;
  --pf-blu-rgb: 26, 79, 156;
  --pf-blu-scuro: #143d79;
  --pf-sfondo: #f3f5f9;
  --pf-bordo: #e2e6ee;
  --pf-testo-tenue: #6b7280;

  --bs-primary: var(--pf-blu);
  --bs-primary-rgb: var(--pf-blu-rgb);
  --bs-link-color: var(--pf-blu);
  --bs-link-color-rgb: var(--pf-blu-rgb);
  --bs-link-hover-color: var(--pf-blu-scuro);
  --bs-body-bg: var(--pf-sfondo);
  --bs-body-color: #1f2937;
  --bs-border-color: var(--pf-bordo);
  --bs-border-radius: .55rem;
}

body { background: var(--pf-sfondo); }

.btn-primary {
  --bs-btn-bg: var(--pf-blu); --bs-btn-border-color: var(--pf-blu);
  --bs-btn-hover-bg: var(--pf-blu-scuro); --bs-btn-hover-border-color: var(--pf-blu-scuro);
  --bs-btn-active-bg: #10336a; --bs-btn-active-border-color: #10336a;
  --bs-btn-focus-shadow-rgb: var(--pf-blu-rgb);
}

/* ── Barra in alto ──────────────────────────────────────────────────── */
.striscia-dev {
  background: repeating-linear-gradient(-45deg, #fff3cd, #fff3cd 12px, #ffecb5 12px, #ffecb5 24px);
  color: #664d03; font-size: .85rem; text-align: center; padding: .3rem 1rem;
}
.barra { background: #fff; border-bottom: 1px solid var(--pf-bordo); }
.barra .logo { height: 40px; width: auto; }
.titolo-app { font-weight: 600; color: var(--bs-body-color); line-height: 1.15; }
.titolo-app small { display: block; font-weight: 400; font-size: .75rem; color: var(--pf-testo-tenue); }
.lato-interno .barra { border-bottom: 3px solid var(--pf-blu); }

/* ── Pagine vuote / errori ──────────────────────────────────────────── */
.vuoto { text-align: center; color: var(--pf-testo-tenue); }
.vuoto > .bi { font-size: 3rem; display: block; margin-bottom: .5rem; }

.piede { font-size: .8rem; color: var(--pf-testo-tenue); }

/* ── Riquadri, utente, ruoli ────────────────────────────────────────── */
.riquadro-stretto { max-width: 440px; margin: 0 auto; }
.riquadro-medio { max-width: 640px; }
.sottotitolo { font-size: .72rem; }
.ruolo { display: inline-block; padding: 0 .4rem; margin-right: .25rem; border-radius: 1rem; font-weight: 500; }
.ruolo-admin { background: rgba(var(--pf-blu-rgb), .12); color: var(--pf-blu-scuro); }
.ruolo-hse { background: #e6f4ea; color: #1e6b34; }
.ruolo-user { background: #eef0f3; color: #4b5563; }
.codice-otp { letter-spacing: .5rem; font-variant-numeric: tabular-nums; }
.testo-email { white-space: pre-wrap; font-family: inherit; font-size: .9rem; }

/* ── Documenti ──────────────────────────────────────────────────────── */
.anteprima { width: 100%; height: 75vh; border: 1px solid var(--pf-bordo); border-radius: var(--bs-border-radius); background: #fff; }
.hash { font-size: .75rem; }
details > summary { cursor: pointer; color: var(--pf-blu); }
.riquadro-largo { max-width: 960px; }
.matrice select { min-width: 9rem; }