/*html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}*/
/* ============================================================
   PALETTE WELFARE EXPERIENCE
   ============================================================ */
:root {
    --color-welfare-verde: #01CA87;
    --color-welfare-azzurro: #3B9CC9;
    --color-welfare-azzurro-scuro: #257CA4;
    --color-welfare-nero: #0F172A;
    --color-welfare-testo-icone: #606060;
    --color-welfare-grigio-placeholder: #979797;
    --color-welfare-sfondo-campo-ricerca: #F5F6FA;
    --color-welfare-gradiente: linear-gradient(138.3deg, #3B9CC9 44.75%, #01CA87 70.73%);

    /* Larghezza fissa del campo data */
    --welfare-campo-data-larghezza: 140px; 
    --color-tab: #257CA4;
}

/* ============================================================
   UTILITY GLOBALI
   ============================================================ */

.incore i.icon-gradient {
    background: var(--color-welfare-gradiente);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* ============================================================
   COMPONENTI CONDIVISI
   ============================================================ */

.incore .btn.btn-pill-primary {
    height: 40px;
    padding: 8px 24px; 
    gap: 0;
    border-radius: 36px;
    border: 1px solid #FFFFFF;
    background: var(--color-primary);
    color: #FFFFFF;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 170%;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
}

.incore .btn.btn-pill-primary i {
    font-size: 16px;
}

.incore .btn.btn-pill-outline {
    height: 40px;
    padding: 8px 24px;
    gap: 0;
    border-radius: 36px;
    border: 1px solid var(--color-primary);
    background: #FFFFFF;
    color: var(--color-primary);
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 170%;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
}

.incore .btn.btn-pill-outline i {
    font-size: 16px;
}

.empty-state {
    padding: 8px 0;
}

.incore .empty-state-testo {
    margin: 0;
    font-family: "SpaceGrotesk", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: var(--color-welfare-nero);
}
 
.incore .incore-user-badges {
    gap: 8px;
}

.incore .incore-user-badges > div {
    background-color: var(--color-welfare-azzurro-scuro);
    color: #FFFFFF;
    border-color: transparent;
    font-family: "Manrope", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 170%;
    letter-spacing: 0;
    text-align: center;
}
 
.incore .incore-user-badges > img:not(:first-child),
.incore .incore-user-badges > div:not(:first-child) {
    margin-left: 0;
} 

.incore .dt-azioni.dropdown > .btn.dropdown-toggle {
    color: var(--color-welfare-nero);
}  
 
.incore table.dataTable tbody tr td:not(:first-child),
.incore table.dataTable thead th:not(:first-child) {
    border-left: 1px solid var(--color-linea-datatable);
}

.incore table.dataTable tbody tr td,
.incore table.dataTable thead th {
    padding-left: 16px;
    padding-right: 16px;
}
 
.incore .dt-container .dt-search input,
.incore .dt-container .dt-search input:hover,
.incore .dt-container .dt-search input:focus,
.incore .dt-container .dt-search input:focus-visible {
    border: 1px solid var(--color-linea) !important;
    background-color: #FFFFFF !important;
    color: var(--color-welfare-nero) !important;
    outline: none;
    box-shadow: none;
}

.incore .dt-container .dt-search input::placeholder {
    color: var(--color-welfare-grigio-placeholder);
}

/* ============================================================
   CAMPI DATA / ORA (Datefield)
   ============================================================ */

.incore .form-floating:has(input[data-dtp]) {
    flex: 0 0 auto;
    width: var(--welfare-campo-data-larghezza);
    max-width: 100%;
}

.incore .form-floating:has(input[data-dtp]) > i.incore-field-icon {
    bottom: .875rem;
}

.flatpickr-calendar.hasTime:not(:has(.flatpickr-days)) {
    max-width: 180px;
}