﻿body {
}

h5 {
    font-family: "Montserrat", sans-serif !important;
}

.mud-drop-container .mud-icon-root.mud-svg-icon {
    fill: forestgreen;
}

.email-link {
    color: inherit;
    text-decoration: none;
}

    .email-link:hover {
        text-decoration: underline;
    }

.clienti-container {
    height: calc(100vh - 125px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.clienti-header {
    flex-shrink: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.clienti-grid-wrapper {
    flex: 1;
    min-height: 0;
}
    /* Larghezza colonne personalizzate */
    .clienti-grid-wrapper .mud-table-cell:nth-child(1),
    .clienti-grid-wrapper .mud-table-head .mud-table-cell:nth-child(1) {
        width: 100px;
        min-width: 100px;
        max-width: 100px;
    }

    .clienti-grid-wrapper .mud-table-cell:nth-child(2),
    .clienti-grid-wrapper .mud-table-head .mud-table-cell:nth-child(2) {
        width: 300px;
        min-width: 250px;
    }

    .clienti-grid-wrapper .mud-table-cell:nth-child(3),
    .clienti-grid-wrapper .mud-table-head .mud-table-cell:nth-child(3) {
        width: 150px;
        min-width: 130px;
    }

    .clienti-grid-wrapper .mud-table-cell:nth-child(4),
    .clienti-grid-wrapper .mud-table-head .mud-table-cell:nth-child(4) {
        width: 250px;
        min-width: 200px;
    }

    .clienti-grid-wrapper .mud-table-cell:nth-child(5),
    .clienti-grid-wrapper .mud-table-head .mud-table-cell:nth-child(5) {
        width: 130px;
        min-width: 120px;
        max-width: 150px;
    }
/* Scrollbar personalizzata - colore primario */
.mud-table-container::-webkit-scrollbar {
    width: 6px !important; /* Scrollbar più sottile */
    height: 6px !important;
}

.mud-table-container::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 5px !important;
}

.mud-table-container::-webkit-scrollbar-thumb {
    background: var(--mud-palette-primary) !important; /* Colore primario */
    border-radius: 5px !important;
    transition: background 0.3s ease !important;
}

    .mud-table-container::-webkit-scrollbar-thumb:hover {
        background: var(--mud-palette-primary-darken) !important; /* Colore primario scurito al passaggio del mouse */
    }
/* Scrollbar per Firefox */
.mud-table-container {
    scrollbar-width: thin !important; /* Scrollbar sottile */
    scrollbar-color: var(--mud-palette-primary) #fff !important; /* Colore primario per il thumb */
}
/* Scrollbar per Microsoft Edge Legacy e IE */
.mud-table-container {
    -ms-overflow-style: -ms-autohiding-scrollbar !important; /* Scrollbar auto-nascosta */
}

.chip-uniform {
    width: 100px; /* Larghezza fissa */
    height: 32px; /* Altezza fissa */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap; /* Evita che il testo vada a capo */
    overflow: hidden; /* Nasconde il testo in eccesso */
    text-overflow: ellipsis; /* Mostra "..." per il testo troppo lungo */
}

.chip-normal {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px; /* Larghezza uniforme */
    height: 24px; /* Altezza uniforme */
    font-size: 12px; /* Dimensione del testo */
    text-align: center;
    border-radius: 12px; /* Angoli arrotondati */
    padding: 0; /* Rimuove il padding interno */
}

.chip-blacklist {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px; /* Larghezza uniforme */
    height: 24px; /* Altezza uniforme */
    font-size: 12px; /* Dimensione del testo */
    text-align: center;
    border-radius: 12px; /* Angoli arrotondati */
    padding: 0; /* Rimuove il padding interno */
    background-color: #444 !important; /* Colore scuro visibile su temi chiari e scuri */
    color: #fff !important; /* Testo bianco per contrasto */
}
