/* Tema Grafiprint: allineato a grafiprint.org (testata bianca con logo grigio, blu #086AD8, oro #D2A98E, blu scuro #002FA6) */
:root {
  --kam-ink: #1F2A37; --kam-ink-2: #2B3846; --kam-oro: #086AD8; --kam-oro-dk: #0757B3;
  --kam-crema: #F4F6F9; --kam-carta: #FFFFFF; --kam-linea: #E3E8EF; --kam-linea-forte: #C9D2DC;
  --kam-testo-2: #5B6673; --gp-blu: #086AD8; --gp-blu-s: #002FA6; --gp-oro: #D2A98E; --gp-oro-s: #9C7354;
  --ui-radius: 12px; --dash-radius: 12px;
}
body, .form-control, .form-select, .btn, input, select, textarea, .modal, .dropdown-menu, .tooltip, .popover,
h1, h2, h3, h4, h5, h6, .sec-header-text h5, .dash-hero h1, .dash-hero h2, .dash-hero h3, .modal-title,
.dash-kpi-value, .stat-val, .hsc-val, .pres-stats-val, .app-nav-brand span, .app-table thead th, .filter-label,
.stat-label, .hsc-label, .pres-stats-label, .dash-kpi-label, .badge, .nav-pill-btn, .ft-tab-btn, .pres-tab,
.field-label, .form-label, .dash-hero small, .sec-header-text small, .kam-demo-badge, .kc, .kc * {
  font-family: 'Figtree', 'Helvetica Neue', Arial, sans-serif !important;
}
.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before { font-family: 'bootstrap-icons' !important; }
body { background: var(--kam-crema) !important; color: var(--kam-ink); }
h1, h2, h3, h4, h5, .modal-title { font-weight: 700 !important; }

/* testata bianca come sul sito, logo nei suoi colori originali */
.app-nav { background: #fff !important; border-bottom: 1px solid #EDEDED !important; box-shadow: 0 2px 12px rgba(31,42,55,.06) !important; }
.app-nav-brand span { color: var(--kam-ink) !important; }
.nav-divider { background: #E3E8EF !important; }
.nav-pill-btn { color: #333 !important; font-weight: 600 !important; border-radius: 0 !important; }
.nav-pill-btn i { color: var(--gp-blu); }
.nav-pill-btn:hover { color: var(--gp-blu) !important; background: transparent !important; }
.nav-pill-btn.active { color: var(--gp-blu) !important; background: transparent !important; box-shadow: inset 0 -3px 0 var(--gp-oro) !important; }
.kam-demo-badge { border-color: rgba(210,169,142,.8) !important; color: var(--gp-oro-s) !important; background: #FBF5F0; }
.demo-nav-sito { color: var(--gp-blu) !important; font-weight: 600; opacity: 1 !important; }
.demo-nav-sito:hover { color: var(--gp-blu-s) !important; }
.demo-striscia { background: var(--gp-blu) !important; color: #fff !important; border-bottom: 0 !important; }
.demo-striscia a { color: #fff !important; }
.demo-striscia a:hover { color: #F3E3D7 !important; }
.navbar-toggler, .nav-toggle { color: var(--kam-ink) !important; }

/* superfici */
.sec-header, .filters-bar, .app-card, .card, .dash-kpi, .home-stat-card, .stats-strip .stat-chip, .pres-stats-card, .kc-p {
  background: #fff !important; border: 1px solid var(--kam-linea) !important; border-radius: 12px !important;
}
.sec-header-icon, .dash-kpi-icon, .home-stat-card .hsc-icon { background: #EAF2FD !important; color: var(--gp-blu) !important; border-radius: 10px !important; }
.kc-ico { background: #EAF2FD !important; color: var(--gp-blu) !important; }
.dash-kpi::before { background: var(--gp-blu) !important; }
.stats-strip .stat-chip, .home-stat-card, .pres-stats-card { border-left: 3px solid var(--chip-accent, var(--gp-blu)) !important; }
.dash-hero { background: linear-gradient(120deg, #086AD8 0%, #0550B8 60%, #002FA6 100%) !important; border-bottom: 3px solid var(--gp-oro) !important; color: #fff; }
.dash-hero-title-icon { background: rgba(255,255,255,.16) !important; color: #fff !important; }
.app-table tbody tr:hover td { background: #F5F9FE !important; }
.ft-tab-btn.active, .pres-tab.active { color: var(--gp-blu) !important; box-shadow: inset 0 -3px 0 var(--gp-oro) !important; }

/* pulsanti e link */
.btn-primary, .btn-dark { background: var(--gp-blu) !important; border-color: var(--gp-blu) !important; color: #fff !important; }
.btn-primary:hover, .btn-dark:hover { background: var(--gp-blu-s) !important; border-color: var(--gp-blu-s) !important; color: #fff !important; }
.btn-outline-primary { color: var(--gp-blu) !important; border-color: var(--gp-blu) !important; }
.btn-outline-primary:hover { background: var(--gp-blu) !important; color: #fff !important; }
a { color: var(--gp-blu); } a:hover { color: var(--gp-blu-s); }
.form-control:focus, .form-select:focus { border-color: var(--gp-blu) !important; box-shadow: 0 0 0 3px rgba(8,106,216,.12) !important; }
.form-check-input:checked { background-color: var(--gp-blu) !important; border-color: var(--gp-blu) !important; }
.kc-vai { background: var(--gp-blu) !important; color: #fff !important; }
.kc-vai:hover { background: var(--gp-blu-s) !important; color: #fff !important; }
.kc-azione { background: #fff !important; border-color: #D5DDE7 !important; font-weight: 600 !important; }
.kc-azione i { color: var(--gp-blu) !important; }
.kc-azione:hover { background: var(--gp-blu) !important; border-color: var(--gp-blu) !important; color: #fff !important; }
.kc-azione:hover i { color: #fff !important; }
.kc-titolo { font-weight: 800 !important; }
.dropdown-item:hover, .dropdown-item:focus { background: #F2F7FE !important; color: var(--gp-blu) !important; }
.kc-altro-gruppo h6 { color: var(--gp-oro-s) !important; }
.demo-cm-barra { background: #fff !important; color: var(--kam-ink) !important; border-bottom: 1px solid var(--kam-linea); }
.modal-content { border-radius: 14px !important; }
.modal-header { border-bottom: 1px solid var(--kam-linea) !important; }
.nav-pill-btn.active, .nav-pill-btn:focus { border-color: transparent !important; outline: 0 !important; }
.demo-spiega-ico { background: var(--gp-blu) !important; color: #fff !important; }
.demo-spiega-t span { color: var(--kam-ink) !important; }
.gp-dl dd { display: block !important; }
.gp-dl dd .gp-nob, .gp-dl dd .gp-m { margin: 0 4px 2px 0; }
.app-modal .modal-header, .modal-header { background: #fff !important; color: var(--kam-ink) !important; border-bottom: 3px solid var(--gp-oro) !important; }
.app-modal .modal-title, .modal-title { color: var(--kam-ink) !important; }
.app-modal .modal-header .btn-close { filter: none !important; }
@media (max-width: 767px) { .app-nav > .dropdown { background: #fff !important; box-shadow: 20px 0 0 #fff, -10px 0 12px -8px rgba(31,42,55,.15) !important; } }
.kc-ec-tot { background: var(--gp-blu) !important; color: #fff !important; }