/* ============================================================
   Portale Clienti SSI — Stile personalizzato
   ============================================================ */

:root {
  --ssi-blue:      #1a4a8a;
  --ssi-blue-dark: #123368;
  --ssi-blue-light:#e8f0fb;
}

/* Colori brand */
.bg-ssi        { background-color: var(--ssi-blue) !important; }
.text-ssi      { color: var(--ssi-blue) !important; }
.btn-ssi       { background-color: var(--ssi-blue); color: #fff; border-color: var(--ssi-blue); }
.btn-ssi:hover { background-color: var(--ssi-blue-dark); border-color: var(--ssi-blue-dark); color: #fff; }
.bg-ssi-light  { background-color: var(--ssi-blue-light) !important; }

/* Navbar */
.navbar.bg-ssi { background-color: var(--ssi-blue) !important; }

/* Card */
.card { border-radius: .75rem; }
.card-header { border-radius: .75rem .75rem 0 0 !important; }

/* Font monospace più compatto */
.font-monospace { font-size: .9em; }

/* Badges tipo chiamata */
.badge.tipo-locale  { background-color: #0d6efd; }
.badge.tipo-urbana  { background-color: #198754; }
.badge.tipo-mobile  { background-color: #fd7e14; color:#fff; }
.badge.tipo-int     { background-color: #6f42c1; }
.badge.tipo-altro   { background-color: #6c757d; }

/* Sticky table header */
.sticky-top { top: 0; z-index: 1; }

/* Footer */
footer { background: #f8f9fa; }

/* Login card */
@media (min-width: 576px) {
  .card { box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.08) !important; }
}

/* Smaller text utility */
.smaller { font-size: .78rem; }