/* _content/BulkSms_6/Components/ChildMenu/Translat.razor.rz.scp.css */
.dropdown-container[b-bhx2twejvd] {
    position: relative;
    display: inline-block;
    border: 1px solid #ccc; /* Ajout de la bordure */
    border-radius: 50px; /* Coins arrondis */
    padding: 3px 5px; /* Ajout de remplissage pour un effet de bouton */
    background-color: white;
    cursor: pointer;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Ombre pour un effet flottant */
    margin-left: 7px;
    margin-right: 7px;
    transform: scale(0.9); /* Réduit la taille à 60% */
    transform-origin: center; /* Centre la réduction */
}

.selected-content[b-bhx2twejvd] {
    display: flex;
    align-items: center; /* Alignement du contenu verticalement */
    gap: 3px; /* Espacement entre l'icône et le texte */
}

.lang-code[b-bhx2twejvd] {
    font-size: 14px; /* Réduction de la taille de la police */
    font-weight: bold;
}

.dropdown-list[b-bhx2twejvd] {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    list-style-type: none;
    padding: 0;
    margin: 10px 0 0 0;
    z-index: 1000;
    width: 80px; /* Réduction de la largeur */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

    .dropdown-list li[b-bhx2twejvd] {
        padding: 2px 4px; /* Réduction du padding */
        cursor: pointer;
        display: flex;
        align-items: center;
    }

        .dropdown-list li:hover[b-bhx2twejvd] {
            background-color: #f0f0f0;
        }

.flag-icon[b-bhx2twejvd] {
    width: 16px; /* Réduction de la largeur des drapeaux */
    height: auto;
}

:dir(ltr) .flag-icon[b-bhx2twejvd] {
    margin-right: 8px; /* Réduction de l'espacement */
}

:dir(rtl) .flag-icon[b-bhx2twejvd] {
    margin-left: 8px; /* Réduction de l'espacement */
}

.fas.fa-chevron-down[b-bhx2twejvd] {
    font-size: 10px; /* Taille réduite de la flèche */
    color: #333; /* Couleur de la flèche */
}
/* _content/BulkSms_6/Components/Layout/flyerLayout.razor.rz.scp.css */
/* MainLayout.css */

/* Layout principal */
.main-layout[b-lynkhbwfui] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* En-tête */
.app-header[b-lynkhbwfui] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.8rem 1rem;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: sticky;
    top: 0;
    z-index: 100;
}

.header-left[b-lynkhbwfui] {
    display: flex;
    align-items: center;
}

.header-right[b-lynkhbwfui] {
    display: flex;
    align-items: center;
}

.back-button[b-lynkhbwfui] {
    background: none;
    border: none;
    font-size: 1.2rem;
    color: var(--text-dark);
    padding: 0.5rem;
    margin-right: 0.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

    .back-button:hover[b-lynkhbwfui] {
        background-color: rgba(0,0,0,0.05);
    }

.menu-button[b-lynkhbwfui] {
    background: none;
    border: none;
    font-size: 1.2rem;
    color: var(--text-dark);
    padding: 0.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

    .menu-button:hover[b-lynkhbwfui] {
        background-color: rgba(0,0,0,0.05);
    }

.logo[b-lynkhbwfui] {
    width: 36px;
    height: 36px;
    margin-right: 0.8rem;
}

    .logo img[b-lynkhbwfui] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.app-title[b-lynkhbwfui] {
    font-size: 1.4rem;
    font-weight: 500;
    margin: 0;
}

/* Contenu principal */
.content[b-lynkhbwfui] {
    flex: 1 1 auto;
    padding: 1rem;
    padding-bottom: 0;
    height: 100vh; /* 100% de la hauteur de la fenêtre visible */
    max-height: 100vh; /* Limite à la hauteur de la fenêtre visible */
    overflow-y: auto; /* Permet le défilement si le contenu est trop grand */
    display: flex;
    flex-direction: column;
    box-sizing: border-box; /* Inclut les paddings dans la hauteur totale */
}

/* Menu */
.menu-overlay[b-lynkhbwfui] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: flex-end;
    z-index: 200;
    animation: fadeIn-b-lynkhbwfui 0.2s ease-out;
}

.menu-panel[b-lynkhbwfui] {
    width: 75%;
    max-width: 320px;
    background-color: white;
    height: 100%;
    display: flex;
    flex-direction: column;
    animation: slideIn-b-lynkhbwfui 0.3s ease-out;
}

.menu-header[b-lynkhbwfui] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #eee;
}

    .menu-header h2[b-lynkhbwfui] {
        margin: 0;
        font-size: 1.2rem;
    }

.close-button[b-lynkhbwfui] {
    background: none;
    border: none;
    font-size: 1.2rem;
    color: var(--text-dark);
    cursor: pointer;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

    .close-button:hover[b-lynkhbwfui] {
        background-color: rgba(0,0,0,0.05);
    }

.menu-nav[b-lynkhbwfui] {
    flex: 1;
    overflow-y: auto;
}

    .menu-nav ul[b-lynkhbwfui] {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .menu-nav li[b-lynkhbwfui] {
        padding: 0;
    }

    .menu-nav a[b-lynkhbwfui] {
        display: block;
        padding: 1rem;
        color: var(--text-dark);
        text-decoration: none;
        border-left: 4px solid transparent;
        transition: var(--transition);
    }

        .menu-nav a:hover[b-lynkhbwfui] {
            background-color: rgba(0,0,0,0.05);
        }

        .menu-nav a.active[b-lynkhbwfui] {
            background-color: rgba(0,0,0,0.05);
            border-left-color: var(--blue);
            font-weight: 500;
        }

.menu-footer[b-lynkhbwfui] {
    padding: 1rem;
    display: flex;
    justify-content: space-around;
    border-top: 1px solid #eee;
}

    .menu-footer a[b-lynkhbwfui] {
        color: var(--text-dark);
        text-decoration: none;
        font-size: 0.9rem;
        opacity: 0.8;
    }

        .menu-footer a:hover[b-lynkhbwfui] {
            opacity: 1;
        }

/* Pied de page */
.app-footer[b-lynkhbwfui] {
    background-color: white;
    padding: 0.8rem 1rem;
    text-align: center;
    font-size: 0.9rem;
    color: #777;
    border-top: 1px solid #eee;
}

/* Animations */
@keyframes fadeIn-b-lynkhbwfui {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideIn-b-lynkhbwfui {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

/* Responsive */
@media (min-width: 768px) {
    .app-header[b-lynkhbwfui] {
        padding: 1rem 2rem;
    }

    .content[b-lynkhbwfui] {
        padding: 2rem;
    }
}


.logo-icon[b-lynkhbwfui] {
    position: relative;
    height: 2rem;
    width: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    background: linear-gradient(to right, var(--clr-blue-600), var(--clr-teal-500));
    border-radius: var(--border-radius);
}

.logo[b-lynkhbwfui] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.logo-icon[b-lynkhbwfui] {
    position: relative;
    height: 2rem;
    width: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    background: linear-gradient(to right, var(--clr-blue-600), var(--clr-teal-500));
    border-radius: var(--border-radius);
}

.logo-text[b-lynkhbwfui] {
    font-weight: 700;
    font-size: 1.25rem;
    color: var(--clr-blue-600);
}
/* _content/BulkSms_6/Components/Layout/MainLayout.razor.rz.scp.css */
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');*/

[b-r9v92i4vik]::after,
[b-r9v92i4vik]::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a[b-r9v92i4vik] {
    text-decoration: none;
}

li[b-r9v92i4vik] {
    list-style: none;
}

h1[b-r9v92i4vik] {
    font-weight: 600;
    font-size: 1.5rem;
}

body[b-r9v92i4vik] {
    font-family: 'Poppins', sans-serif;
}

.wrapper[b-r9v92i4vik] {
    display: flex;
}

.main[b-r9v92i4vik] {
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
    transition: all 0.35s ease-in-out;
    background-color: #fff;
}

/*#sidebar {
    width: 70px;
    min-width: 70px;
    z-index: 1000;
    transition: all .25s ease-in-out;*/
    /*background-color: #212529;*/
    /*background-color: #062866 !important;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}*/

    #sidebar.expand[b-r9v92i4vik] {
        width: 260px;
        min-width: 260px;
        visibility: visible;
    }

    #sidebar.collapsed[b-r9v92i4vik] {
        width: 0;
        visibility: hidden;
    }

.toggle-btn[b-r9v92i4vik] {
    background-color: transparent;
    cursor: pointer;
    border: 0;
    padding: 1rem 1.5rem;
}

    .toggle-btn i[b-r9v92i4vik] {
        font-size: 1.5rem;
        color: #FFF;
    }

.sidebar-logo[b-r9v92i4vik] {
    margin: auto 0;
}

    .sidebar-logo a[b-r9v92i4vik] {
        color: #FFF;
        font-size: 1.15rem;
        font-weight: 600;
    }

#sidebar:not(.expand) .sidebar-logo[b-r9v92i4vik],
#sidebar:not(.expand) a.sidebar-link span[b-r9v92i4vik] {
    display: none;
}

.sidebar-nav[b-r9v92i4vik] {
    padding: 2rem 0;
    flex: 1 1 auto;
}

a.sidebar-link[b-r9v92i4vik] {
    padding: .625rem 1.625rem;
    color: #FFF;
    display: block;
    font-size: 0.9rem;
    white-space: nowrap;
    border-left: 3px solid transparent;
}

.sidebar-link i[b-r9v92i4vik] {
    font-size: 1.1rem;
    margin-right: .75rem;
}

a.sidebar-link:hover[b-r9v92i4vik] {
    background-color: rgba(255, 255, 255, .075);
    border-left: 3px solid #3b7ddd;
}

.sidebar-item[b-r9v92i4vik] {
    position: relative;
}

#sidebar:not(.expand) .sidebar-item .sidebar-dropdown[b-r9v92i4vik] {
    position: absolute;
    top: 0;
    left: 70px;
    background-color: #212529;
    padding: 0;
    min-width: 15rem;
    display: none;
}

#sidebar:not(.expand) .sidebar-item:hover .has-dropdown + .sidebar-dropdown[b-r9v92i4vik] {
    display: block;
    max-height: 15em;
    width: 100%;
    opacity: 1;
}

#sidebar.expand .sidebar-link[data-bs-toggle="collapse"][b-r9v92i4vik]::after {
    border: solid;
    border-width: 0 .075rem .075rem 0;
    content: "";
    display: inline-block;
    padding: 2px;
    position: absolute;
    right: 1.5rem;
    top: 1.4rem;
    transform: rotate(-135deg);
    transition: all .2s ease-out;
}

#sidebar.expand .sidebar-link[data-bs-toggle="collapse"].collapsed[b-r9v92i4vik]::after {
    transform: rotate(45deg);
    transition: all .2s ease-out;
}




.top-row[b-r9v92i4vik] {
    height: 3.5rem;
    background-color: #062866 !important;
}


/* rtl */

/* R�gles par d�faut pour LTR (fran�ais/anglais) */
#sidebar[b-r9v92i4vik] {
    width: 70px;
    min-width: 70px;
    z-index: 1000;
    transition: all .25s ease-in-out;
    background-color: #212529;
    display: flex;
    flex-direction: column;
    direction: ltr; /* Par d�faut LTR */
}

    #sidebar.expand[b-r9v92i4vik] {
        width: 260px;
        min-width: 260px;
    }

/* Styles pour RTL (arabe) */
[dir="rtl"] #sidebar[b-r9v92i4vik] {
    direction: rtl; /* Applique la direction RTL */
}

[dir="rtl"] .sidebar-link[b-r9v92i4vik] {
    text-align: right; /* Aligne le texte � droite */
    padding-right: 1.625rem;
    padding-left: .625rem; /* Ajuste le padding pour RTL */
}

    [dir="rtl"] .sidebar-link i[b-r9v92i4vik] {
        margin-right: 0; /* Enl�ve la marge de droite pour RTL */
        margin-left: .75rem; /* Ajoute la marge � gauche pour l'ic�ne */
    }

/* Autres ajustements pour RTL */
[dir="rtl"] #sidebar.expand .sidebar-link[data-bs-toggle="collapse"][b-r9v92i4vik]::after {
    right: auto;
    left: 1.5rem; /* Positionne la fl�che pour RTL */
}

/* Style pour la fl�che (collapse) en mode RTL */
[dir="rtl"] #sidebar.expand .sidebar-link[data-bs-toggle="collapse"].collapsed[b-r9v92i4vik]::after {
    transform: rotate(45deg); /* Ajuste la rotation de la fl�che pour RTL */
}

/* Dropdown en RTL */
[dir="rtl"] #sidebar:not(.expand) .sidebar-item .sidebar-dropdown[b-r9v92i4vik] {
    left: auto;
    right: 70px; /* Place le dropdown � droite en RTL */
}

[dir="ltr"] .list-Subtitle[b-r9v92i4vik] {
    padding-left: 3.5rem
}

[dir="rtl"] .list-Subtitle[b-r9v92i4vik] {
    padding-right: 3.5rem
}
/* Autres r�gles de style */
a.sidebar-link[b-r9v92i4vik] {
    padding: .625rem 1.625rem;
    color: #FFF;
    display: block;
    font-size: 0.9rem;
    white-space: nowrap;
    border-left: 3px solid transparent;
    text-align: left;
}

    a.sidebar-link:hover[b-r9v92i4vik] {
        background-color: rgba(255, 255, 255, .075);
        border-left: 3px solid #3b7ddd;
    }

/* Pour RTL : remplacer border-left par border-right */
[dir="rtl"] a.sidebar-link[b-r9v92i4vik] {
    border-left: none;
    border-right: 3px solid transparent;
}

    [dir="rtl"] a.sidebar-link:hover[b-r9v92i4vik] {
        border-right: 3px solid #3b7ddd;
    }


   /* info user*/
/* Barre sup�rieure */
.top-bar[b-r9v92i4vik] {
    /*background-color: #003366;*/ /* Bleu fonc� */
    padding: 10px 20px;
    color: #ffffff; /* Police blanche */
    font-family: Arial, sans-serif;
    font-size: 14px;
}

/* Informations utilisateur */
.user-info[b-r9v92i4vik] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px; /* Espacement entre les �l�ments */
}

/* Nom de la compagnie */
.company-name[b-r9v92i4vik] {
    font-weight: bold;
    color: #ffffff; /* Blanc */
}

/* Nom de l'utilisateur */
.user-name[b-r9v92i4vik] {
    font-weight: normal;
    color: #ffffff; /* Blanc */
}
@media (max-width: 768px) {
    .user-name[b-r9v92i4vik] {
        display: none !important;
    }
    .divider[b-r9v92i4vik]  {
        display: none !important;
    }
     .DivDisconectLang[b-r9v92i4vik] {
        display: none !important;
    }

}


/* Solde */
.balance[b-r9v92i4vik] {
    font-weight: normal;
    color: #ffffff; /* Blanc */
}

    .balance strong[b-r9v92i4vik] {
        font-weight: bold;
        color: #ffffff; /* Blanc */
    }

/* Diviseur */
.divider[b-r9v92i4vik] {
    margin: 0 5px;
    color: #ffffff; /* Blanc */
}

.logout-btn[b-r9v92i4vik] {
    color: white; /* D�finit la couleur du texte en blanc */
    cursor: pointer;
}
/* _content/BulkSms_6/Components/Layout/NavMenu.razor.rz.scp.css */
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');*/

[b-a0qtsmbslm]::after,
[b-a0qtsmbslm]::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a[b-a0qtsmbslm] {
    text-decoration: none;
}

li[b-a0qtsmbslm] {
    list-style: none;
}

h1[b-a0qtsmbslm] {
    font-weight: 600;
    font-size: 1.5rem;
}

body[b-a0qtsmbslm] {
    font-family: 'Poppins', sans-serif;
}

.wrapper[b-a0qtsmbslm] {
    display: flex;
}

.main[b-a0qtsmbslm] {
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
    transition: all 0.35s ease-in-out;
    background-color: #fff;
}

#sidebar[b-a0qtsmbslm] {
    width: 0px;
    min-width: 0px;
    z-index: 1000;
    transition: all .25s ease-in-out;
    /*background-color: #212529;*/
    background-color: #062866 !important;
   
    display: flex;
    flex-direction: column;
}

    #sidebar.expand[b-a0qtsmbslm] {
        width: 260px;
        min-width: 260px;
    }



.toggle-btn[b-a0qtsmbslm] {
    background-color: transparent;
    cursor: pointer;
    border: 0;
    padding: 1rem 1.5rem;
}

    .toggle-btn i[b-a0qtsmbslm] {
        font-size: 1.5rem;
        color: #FFF;
    }

.sidebar-logo[b-a0qtsmbslm] {
    margin: auto 0;
}

    .sidebar-logo a[b-a0qtsmbslm] {
        color: #FFF;
        font-size: 1.15rem;
        font-weight: 600;
    }

#sidebar:not(.expand) .sidebar-logo[b-a0qtsmbslm],
#sidebar:not(.expand) a.sidebar-link span[b-a0qtsmbslm] {
    display: none;
}

.sidebar-nav[b-a0qtsmbslm] {
    padding: 2rem 0;
    flex: 1 1 auto;
}

a.sidebar-link[b-a0qtsmbslm] {
    padding: .625rem 1.625rem;
    color: #FFF;
    display: block;
    font-size: 0.9rem;
    white-space: nowrap;
    border-left: 3px solid transparent;
}

.sidebar-link i[b-a0qtsmbslm] {
    font-size: 1.1rem;
    margin-right: .75rem;
}

a.sidebar-link:hover[b-a0qtsmbslm] {
    background-color: rgba(255, 255, 255, .075);
    border-left: 3px solid #3b7ddd;
}

.sidebar-item[b-a0qtsmbslm] {
    position: relative;
   
}



#sidebar:not(.expand) .sidebar-item .sidebar-dropdown[b-a0qtsmbslm] {
    position: absolute;
    top: 0;
    left: 70px;
    background-color: #212529;
    padding: 0;
    min-width: 15rem;
    display: none;
}

#sidebar:not(.expand) .sidebar-item:hover .has-dropdown + .sidebar-dropdown[b-a0qtsmbslm] {
    display: block;
    max-height: 15em;
    width: 100%;
    opacity: 1;
}

#sidebar.expand .sidebar-link[data-bs-toggle="collapse"][b-a0qtsmbslm]::after {
    border: solid;
    border-width: 0 .075rem .075rem 0;
    content: "";
    display: inline-block;
    padding: 2px;
    position: absolute;
    right: 1.5rem;
    top: 1.4rem;
    transform: rotate(-135deg);
    transition: all .2s ease-out;
}

#sidebar.expand .sidebar-link[data-bs-toggle="collapse"].collapsed[b-a0qtsmbslm]::after {
    transform: rotate(45deg);
    transition: all .2s ease-out;
}




.top-row[b-a0qtsmbslm] {
    height: 3.5rem;
    background-color: #062866 !important;
}


/* rtl */

/* R�gles par d�faut pour LTR (fran�ais/anglais) */
#sidebar[b-a0qtsmbslm] {
    width: 0px;
    min-width: 0px;
    z-index: 1000;
    transition: all .25s ease-in-out;
    background-color: #212529;
    display: flex;
    flex-direction: column;
    direction: ltr; /* Par d�faut LTR */
}

    #sidebar.expand[b-a0qtsmbslm] {
        width: 260px;
        min-width: 260px;
    }




/* Styles pour RTL (arabe) */
[dir="rtl"] #sidebar[b-a0qtsmbslm] {
    direction: rtl; /* Applique la direction RTL */
}

[dir="rtl"] .sidebar-link[b-a0qtsmbslm] {
    text-align: right; /* Aligne le texte � droite */
    padding-right: 1.625rem;
    padding-left: .625rem; /* Ajuste le padding pour RTL */
}

    [dir="rtl"] .sidebar-link i[b-a0qtsmbslm] {
        margin-right: 0; /* Enl�ve la marge de droite pour RTL */
        margin-left: .75rem; /* Ajoute la marge � gauche pour l'ic�ne */
    }

/* Autres ajustements pour RTL */
[dir="rtl"] #sidebar.expand .sidebar-link[data-bs-toggle="collapse"][b-a0qtsmbslm]::after {
    right: auto;
    left: 1.5rem; /* Positionne la fl�che pour RTL */
}

/* Style pour la fl�che (collapse) en mode RTL */
[dir="rtl"] #sidebar.expand .sidebar-link[data-bs-toggle="collapse"].collapsed[b-a0qtsmbslm]::after {
    transform: rotate(45deg); /* Ajuste la rotation de la fl�che pour RTL */
}

/* Dropdown en RTL */
[dir="rtl"] #sidebar:not(.expand) .sidebar-item .sidebar-dropdown[b-a0qtsmbslm] {
    left: auto;
    right: 70px; /* Place le dropdown � droite en RTL */
}

[dir="ltr"] .list-Subtitle[b-a0qtsmbslm] {
    padding-left:2.5rem
}

[dir="rtl"] .list-Subtitle[b-a0qtsmbslm] {
    padding-right: 2.5rem
}
/* Autres r�gles de style */
a.sidebar-link[b-a0qtsmbslm] {
    padding: .625rem 1.625rem;
    color: #a3daf8;
    display: block;
    font-size: 1.1rem;
    white-space: nowrap;
    border-left: 3px solid transparent;
    text-align: left;
}

    a.sidebar-link:hover[b-a0qtsmbslm] {
        background-color: rgba(255, 255, 255, .075);
        border-left: 3px solid #3b7ddd;
    }

/* Pour RTL : remplacer border-left par border-right */
[dir="rtl"] a.sidebar-link[b-a0qtsmbslm] {
    border-left: none;
    border-right: 3px solid transparent;
}

    [dir="rtl"] a.sidebar-link:hover[b-a0qtsmbslm] {
        border-right: 3px solid #3b7ddd;
    }


/* Garder le toggle visible m�me en mode collapsed */
#sidebar:not(.expand) .sidebar-logo[b-a0qtsmbslm],
#sidebar:not(.expand) .sidebar-nav[b-a0qtsmbslm] {
    display: none !important;
}

/* Positionner le toggle de mani�re fixe si besoin */
#sidebar .toggle-btn[b-a0qtsmbslm] {
    display: block;
    padding: 1rem 1.2rem;
}

/* Facultatif : rendre le bouton plus visible en collapsed */
#sidebar:not(.expand) .toggle-btn i[b-a0qtsmbslm] {
    font-size: 1.6rem;
}
/* _content/BulkSms_6/Components/Pages/AdminClient/AdminSms.razor.rz.scp.css */
/* Styles pour le composant AdminSms */

/* En-tête de la page */
.page-header[b-2mymahshhe] {
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* Cartes */
.card[b-2mymahshhe] {
    transition: box-shadow 0.3s ease;
    border-radius: 0.5rem;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

    .card:hover[b-2mymahshhe] {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    }

.card-header[b-2mymahshhe] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #f8f9fa;
}

    .card-header.bg-primary[b-2mymahshhe] {
        background-color: #0d6efd !important;
    }

/* Informations client */
.client-info-card[b-2mymahshhe] {
    display: flex;
    align-items: center;
    background-color: #f8f9fa;
    border-radius: 0.5rem;
    padding: 1.25rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transition: all 0.3s ease;
}

    .client-info-card:hover[b-2mymahshhe] {
        box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

    .client-info-card .icon-container[b-2mymahshhe] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #e9ecef;
        margin-right: 1rem;
        flex-shrink: 0;
    }

        .client-info-card .icon-container i[b-2mymahshhe] {
            font-size: 1.5rem;
            color: #6c757d;
        }

    .client-info-card .text-container h6[b-2mymahshhe] {
        color: #6c757d;
        margin-bottom: 0.25rem;
        font-size: 0.875rem;
    }

    .client-info-card .text-container h4[b-2mymahshhe] {
        margin-bottom: 0;
        font-weight: 600;
        color: #212529;
    }

    .client-info-card.sms-count .icon-container[b-2mymahshhe] {
        background-color: #cfe2ff;
    }

        .client-info-card.sms-count .icon-container i[b-2mymahshhe] {
            color: #0d6efd;
        }

/* Avatar utilisateur */
.user-avatar[b-2mymahshhe] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #495057;
    font-size: 14px;
    flex-shrink: 0;
}

.user-avatar-big[b-2mymahshhe] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #495057;
    font-size: 1.25rem;
    flex-shrink: 0;
}

/* Information utilisateur dans le modal */
.user-info-card[b-2mymahshhe] {
    display: flex;
    align-items: center;
    background-color: #f8f9fa;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

    .user-info-card h6[b-2mymahshhe] {
        margin-bottom: 0.25rem;
        font-weight: 600;
    }

.sms-count-label[b-2mymahshhe] {
    font-size: 0.875rem;
    color: #6c757d;
}

/* Tableaux */
.table[b-2mymahshhe] {
    margin-bottom: 0;
}

    .table th[b-2mymahshhe] {
        font-weight: 600;
        white-space: nowrap;
    }

.table-dark th[b-2mymahshhe] {
    background-color: #212529;
    color: white;
}

.table tbody tr[b-2mymahshhe] {
    transition: background-color 0.2s ease;
}

    .table tbody tr:hover[b-2mymahshhe] {
        background-color: rgba(0, 0, 0, 0.05);
    }

.table td[b-2mymahshhe] {
    vertical-align: middle;
}

/* Badges */
.badge[b-2mymahshhe] {
    padding: 0.4em 0.65em;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 0.85rem;
}

.bg-success[b-2mymahshhe] {
    background-color: #198754 !important;
}

.bg-info[b-2mymahshhe] {
    background-color: #0dcaf0 !important;
}

.bg-warning[b-2mymahshhe] {
    background-color: #ffc107 !important;
    color: #212529 !important;
}

.bg-danger[b-2mymahshhe] {
    background-color: #dc3545 !important;
}

.bg-secondary[b-2mymahshhe] {
    background-color: #6c757d !important;
}

/* Boutons */
.btn[b-2mymahshhe] {
    font-weight: 500;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    transition: all 0.2s ease-in-out;
}

    .btn:focus[b-2mymahshhe] {
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

    .btn:active[b-2mymahshhe] {
        transform: translateY(1px);
    }

.btn-sm[b-2mymahshhe] {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
}

.btn-group[b-2mymahshhe] {
    display: inline-flex;
}

    .btn-group > .btn[b-2mymahshhe] {
        border-radius: 0;
    }

        .btn-group > .btn:first-child[b-2mymahshhe] {
            border-top-left-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem;
        }

        .btn-group > .btn:last-child[b-2mymahshhe] {
            border-top-right-radius: 0.25rem;
            border-bottom-right-radius: 0.25rem;
        }

/* Modales */
.modal-content[b-2mymahshhe] {
    border: none;
    border-radius: 0.5rem;
    overflow: hidden;
}

.modal-header[b-2mymahshhe] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.modal-body[b-2mymahshhe] {
    padding: 1.5rem;
}

.modal-footer[b-2mymahshhe] {
    padding: 1rem 1.5rem;
    background-color: #f8f9fa;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.btn-close-white[b-2mymahshhe] {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Formulaires */
.form-floating > .form-control[b-2mymahshhe] {
    height: calc(3.5rem + 2px);
    padding: 1rem 0.75rem;
}

.form-floating > label[b-2mymahshhe] {
    padding: 1rem 0.75rem;
}

.input-group-text[b-2mymahshhe] {
    background-color: #f8f9fa;
    border-right: none;
}

.input-group .form-control[b-2mymahshhe] {
    border-left: none;
}

/* Alertes */
.alert[b-2mymahshhe] {
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

.alert-info[b-2mymahshhe] {
    background-color: #cff4fc;
    border-color: #b6effb;
    color: #055160;
}

.alert-success[b-2mymahshhe] {
    background-color: #d1e7dd;
    border-color: #badbcc;
    color: #0f5132;
}

.alert-danger[b-2mymahshhe] {
    background-color: #f8d7da;
    border-color: #f5c2c7;
    color: #842029;
}

/* Graphiques */
.chart-container[b-2mymahshhe] {
    padding: 1rem;
}

.chart-wrapper[b-2mymahshhe] {
    height: 300px;
    width: 100%;
    position: relative;
}

/* Responsive */
@media (max-width: 767.98px) {
    .client-info-card[b-2mymahshhe] {
        flex-direction: column;
        text-align: center;
    }

        .client-info-card .icon-container[b-2mymahshhe] {
            margin-right: 0;
            margin-bottom: 1rem;
        }

    .user-info-card[b-2mymahshhe] {
        flex-direction: column;
        text-align: center;
    }

        .user-info-card .user-avatar-big[b-2mymahshhe] {
            margin-right: 0;
            margin-bottom: 0.75rem;
        }

    .form-floating[b-2mymahshhe] {
        margin-bottom: 1rem;
    }

    .page-header[b-2mymahshhe] {
        flex-direction: column;
        align-items: flex-start !important;
    }

        .page-header button[b-2mymahshhe] {
            margin-top: 0.5rem;
        }

    .d-flex.align-items-center[b-2mymahshhe] {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .table td[b-2mymahshhe], .table th[b-2mymahshhe] {
        padding: 0.5rem;
        font-size: 0.875rem;
    }

    .chart-wrapper[b-2mymahshhe] {
        height: 250px;
    }
}
/* _content/BulkSms_6/Components/Pages/AdminClient/AdminUsers.razor.rz.scp.css */
.badge-danger[b-tmgofa3e6x] {
    background-color: #dc3545;
}

.badge-secondary[b-tmgofa3e6x] {
    background-color: #6c757d;
}

.badge-success[b-tmgofa3e6x] {
    background-color: #28a745;
}

.badge-danger[b-tmgofa3e6x] {
    background-color: #dc3545;
}

.table-warning[b-tmgofa3e6x] {
    background-color: #fff3cd;
}
.dropdown-menu[b-tmgofa3e6x] {
    z-index: 1050 !important;
}

.table-responsive[b-tmgofa3e6x] {
    margin-top: 15px;
    overflow: visible !important; /* Seulement si nécessaire */
}

.card-header[b-tmgofa3e6x] {
    background-color: var(--ma-couleur-principale) !important;
    color: white;
}
/*.btnAddUser {
    background-color: #fff;
    
  
}*/

.btnAddUser[b-tmgofa3e6x] {
    background-color: #fff;
    border-color: #ccc; /* Bordure par défaut */
}

    .btnAddUser:hover[b-tmgofa3e6x] {
        border-color: #d6dde5; /* Bordure au survol */
        /*background-color: #f9f9f9;*/ /* Facultatif : couleur de fond au survol */
    }

.btnAddAdmin[b-tmgofa3e6x] {
    background-color: #dc3545;
    border-color: #ccc; /* Bordure par défaut */
}

    .btnAddAdmin:hover[b-tmgofa3e6x] {
        border-color: #ff6a00; /* Bordure au survol */
        /*background-color: #f9f9f9;*/ /* Facultatif : couleur de fond au survol */
    }
.btn-group .dropdown-menu[b-tmgofa3e6x] {
    min-width: 200px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #dee2e6;
}

.dropdown-item:hover[b-tmgofa3e6x] {
    background-color: #f8f9fa;
}
li[b-tmgofa3e6x]{
    cursor:pointer;
}
/* _content/BulkSms_6/Components/Pages/AdminClient/MasterPageAdminCatDepart.razor.rz.scp.css */
/* _content/BulkSms_6/Components/Pages/AdminClient/Quota-history.razor.rz.scp.css */
.DebitCls[b-2hnjx00bn1] {
    color: blue !important;
}
/* _content/BulkSms_6/Components/Pages/AdminClient/SenderAssignmentComponent.razor.rz.scp.css */

.sender-assignment-container[b-g705t7fjkt] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    padding: 15px;
    background: #fff;
}

.row.g-2[b-g705t7fjkt] {
    margin-bottom: 12px;
}

.input-group-text[b-g705t7fjkt] {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #64748b;
    padding: 6px 10px;
}

.form-control[b-g705t7fjkt] {
    border-color: #e2e8f0;
    font-size: 13px;
    padding: 6px 10px;
}

.btn-group .btn[b-g705t7fjkt] {
    font-size: 12px;
    padding: 5px 12px;
    font-weight: 500;
}

.stats-bar[b-g705t7fjkt] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 15px;
}

    .stats-bar .col-4[b-g705t7fjkt] {
        text-align: center;
        padding: 0 8px;
    }

    .stats-bar small[b-g705t7fjkt] {
        font-size: 10px;
        margin-bottom: 2px;
    }

    .stats-bar strong[b-g705t7fjkt] {
        font-size: 18px;
        font-weight: 700;
    }

.senders-list[b-g705t7fjkt] {
    max-height: 250px;
    overflow-y: auto;
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 6px;
}

.sender-item[b-g705t7fjkt] {
    padding: 10px 15px;
    border-bottom: 1px solid #f1f3f4;
    cursor: pointer;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    background: white;
}

.sender-affected[b-g705t7fjkt] {
    background-color: #f0f9f4 !important;
    border-left: 3px solid #10b981;
}

.sender-checkbox[b-g705t7fjkt] {
    margin-right: 12px;
}

    .sender-checkbox input[type="checkbox"][b-g705t7fjkt] {
        width: 16px;
        height: 16px;
    }

.sender-icon[b-g705t7fjkt] {
    width: 20px;
    text-align: center;
    margin-right: 12px;
    font-size: 14px;
}

.sender-name[b-g705t7fjkt] {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1px;
}

.sender-description[b-g705t7fjkt] {
    font-size: 12px;
    line-height: 1.1;
    color: #6b7280;
    margin: 0;
}

.sender-status[b-g705t7fjkt] {
    margin-left: 10px;
}

.badge[b-g705t7fjkt] {
    font-size: 10px;
    font-weight: 500;
    padding: 3px 6px;
    border-radius: 10px;
}

.alert-info[b-g705t7fjkt] {
    background: linear-gradient(135deg, #dbeafe 0%, #e0f2fe 100%);
    border: 1px solid #bfdbfe;
    color: #1e40af;
    border-radius: 6px;
    padding: 12px;
    margin-top: 15px;
    margin-bottom: 0;
}

    .alert-info .small[b-g705t7fjkt] {
        font-size: 11px;
    }

.border-top[b-g705t7fjkt] {
    border-color: #e2e8f0 !important;
    margin-top: 15px;
    padding-top: 15px;
}

.btn-secondary[b-g705t7fjkt], .btn-primary[b-g705t7fjkt] {
    font-size: 13px;
    padding: 8px 16px;
    font-weight: 500;
}

.empty-state[b-g705t7fjkt] {
    padding: 30px 20px;
    text-align: center;
    color: #9ca3af;
}

    .empty-state i[b-g705t7fjkt] {
        font-size: 24px;
        margin-bottom: 12px;
    }

/* _content/BulkSms_6/Components/Pages/AdminClient/SmsApi/ApiSms.razor.rz.scp.css */
.page-header[b-6r630syir4] {
    background-color: var(--ma-couleur-principale) !important;
}

.endpoint-url[b-6r630syir4] {
    padding: 8px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    font-family: monospace;
    font-size: 0.875rem;
    white-space: nowrap;
    overflow-x: auto;
    margin-bottom: 10px;
}

@media (max-width: 767.98px) {
    .endpoint-url[b-6r630syir4] {
        font-size: 0.75rem;
    }
}
/* _content/BulkSms_6/Components/Pages/AdminClient/SmsApi/ConfirmPasswordModal.razor.rz.scp.css */
.modal-content[b-jsmljzf54l] {
    border: none;
    border-radius: 12px;
    overflow: hidden;
}

.modal-header[b-jsmljzf54l] {
    border-bottom: 3px solid rgba(255,255,255,0.2);
}

.modal-footer[b-jsmljzf54l] {
    border-top: 1px solid #dee2e6;
}

.input-group-text[b-jsmljzf54l] {
    background-color: #f8f9fa;
    border-right: none;
}

.form-control:focus[b-jsmljzf54l] {
    border-color: #ffc107;
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
}

.form-control.is-invalid[b-jsmljzf54l] {
    border-color: #dc3545;
}

.alert[b-jsmljzf54l] {
    border: none;
    border-radius: 8px;
}

.btn[b-jsmljzf54l] {
    border-radius: 6px;
    font-weight: 500;
}

.btn-warning[b-jsmljzf54l] {
    color: #000;
    font-weight: 600;
}
/* _content/BulkSms_6/Components/Pages/AdminClient/Transaction_Summary.razor.rz.scp.css */
.user-avatar[b-u9ofq32fet] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--bs-primary);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
/* _content/BulkSms_6/Components/Pages/Categorie.razor.rz.scp.css */
.page-header[b-d65w5tcyg2] {
    background-color: var(--ma-couleur-principale) !important;
}
.badge-danger[b-d65w5tcyg2] {
    background-color: #dc3545;
}

.badge-secondary[b-d65w5tcyg2] {
    background-color: #6c757d;
}

.badge-success[b-d65w5tcyg2] {
    background-color: #28a745;
}

.badge-danger[b-d65w5tcyg2] {
    background-color: #dc3545;
}

/* _content/BulkSms_6/Components/Pages/Departement.razor.rz.scp.css */
.page-header[b-49s808wed6] {
    background-color: var(--ma-couleur-principale) !important;
}

.badge-danger[b-49s808wed6] {
    background-color: #dc3545;
}

.badge-secondary[b-49s808wed6] {
    background-color: #6c757d;
}

.badge-success[b-49s808wed6] {
    background-color: #28a745;
}

.badge-danger[b-49s808wed6] {
    background-color: #dc3545;
}
/* _content/BulkSms_6/Components/Pages/History/BulkHistory.razor.rz.scp.css */
/* Styles pour la page d'historique */

/* Spinner de chargement */
/*.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1050;
    display: flex;
    justify-content: center;
    align-items: center;
}*/

.spinner-card[b-r0ol4yejp7] {
    background-color: white;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.spinner[b-r0ol4yejp7] {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin-b-r0ol4yejp7 1s linear infinite;
}

@keyframes spin-b-r0ol4yejp7 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* En-têtes de tableau triables */
.sortable-header[b-r0ol4yejp7] {
    cursor: pointer;
    user-select: none;
}

    .sortable-header:hover[b-r0ol4yejp7] {
        background-color: rgba(0, 0, 0, 0.1);
    }

/* Cards stats */
.card[b-r0ol4yejp7] {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .card:hover[b-r0ol4yejp7] {
        transform: translateY(-3px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1) !important;
    }

/* Onglets */
.nav-tabs .nav-link[b-r0ol4yejp7] {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .nav-tabs .nav-link:not(.active):hover[b-r0ol4yejp7] {
        background-color: rgba(0, 0, 0, 0.03);
    }

/* Message prévisualisation */
.text-truncate[b-r0ol4yejp7] {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn-link.p-0[b-r0ol4yejp7] {
    color: inherit;
    text-decoration: none;
}

    .btn-link.p-0:hover[b-r0ol4yejp7] {
        color: #0d6efd;
    }

/* Tableaux */
.table[b-r0ol4yejp7] {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
}

.table-dark th[b-r0ol4yejp7] {
    font-weight: 500;
    font-size: 0.9rem;
}

/* Badges */
.badge[b-r0ol4yejp7] {
    font-weight: 500;
    letter-spacing: 0.3px;
}

/* Input de recherche */
.input-group-sm .form-control[b-r0ol4yejp7] {
    border-left: none;
}

.input-group-sm .input-group-text[b-r0ol4yejp7] {
    background-color: white;
    border-right: none;
}

/* Animations pour les transitions entre onglets */
.tab-content[b-r0ol4yejp7] {
    animation: fadeIn-b-r0ol4yejp7 0.3s ease;
}

@keyframes fadeIn-b-r0ol4yejp7 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* ====== NOUVEAU : Styles pour les conteneurs de graphiques ====== */

/* Conteneur principal pour les graphiques */
.chart-container[b-r0ol4yejp7] {
    position: relative;
    width: 100%;
    height: 300px;
    margin: 0 auto;
}

    /* S'assurer que les canvas de graphiques prennent tout l'espace disponible */
    .chart-container canvas[b-r0ol4yejp7] {
        width: 100% !important;
        height: 100% !important;
        display: block;
    }

/* Assurer que les cartes de graphiques ont une hauteur minimale */
.card-body.chart-container[b-r0ol4yejp7] {
    padding: 10px;
    border-radius: 0 0 0.25rem 0.25rem;
}

/* Éviter que les graphiques ne dépassent de leur conteneur */
.row .col-md-6 .card[b-r0ol4yejp7] {
    overflow: hidden;
}

/* ====== Responsive pour les graphiques ====== */

/* Ajustements pour les grands écrans */
@media (min-width: 1200px) {
    .chart-container[b-r0ol4yejp7] {
        height: 350px;
    }
}

/* Tablettes et écrans moyens */
@media (max-width: 992px) {
    .chart-container[b-r0ol4yejp7] {
        height: 280px;
    }

        .chart-container canvas[b-r0ol4yejp7] {
            max-height: 280px;
        }
}

/* Tablettes portrait et petits écrans */
@media (max-width: 768px) {
    /* Réduire la taille des titres d'en-tête de carte */
    .card-header h5[b-r0ol4yejp7] {
        font-size: 1rem;
    }

    /* Ajuster la hauteur des conteneurs de graphique */
    .chart-container[b-r0ol4yejp7] {
        height: 250px;
    }

    /* Ajouter de l'espacement entre les cartes */
    .row .col-md-6[b-r0ol4yejp7] {
        margin-bottom: 20px;
    }

    /* Correction pour le mode paysage sur mobile */
    @media (orientation: landscape) {
        .row .col-md-6[b-r0ol4yejp7] {
            width: 50%;
            float: left;
        }

        .chart-container[b-r0ol4yejp7] {
            height: 200px;
        }
    }
}

/* Téléphones mobiles et très petits écrans */
@media (max-width: 576px) {
    .card[b-r0ol4yejp7] {
        margin-bottom: 1rem;
    }

    .chart-container[b-r0ol4yejp7] {
        height: 220px;
        padding: 5px;
    }

    /* Mode portrait spécifique pour les téléphones */
    @media (orientation: portrait) {
        .chart-container[b-r0ol4yejp7] {
            height: 200px;
        }
    }

    /* Très petits téléphones */
    @media (max-width: 375px) {
        .chart-container[b-r0ol4yejp7] {
            height: 180px;
        }
    }
}

/* ====== Corrections spécifiques pour certains navigateurs ====== */

/* Safari et iOS */
@supports (-webkit-overflow-scrolling: touch) {
    .chart-container[b-r0ol4yejp7] {
        -webkit-overflow-scrolling: touch;
    }
}

/* Firefox */
@-moz-document url-prefix() {
    .chart-container[b-r0ol4yejp7] {
        height: 100%;
        min-height: 250px;
    }
}

/* Internet Explorer */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .chart-container[b-r0ol4yejp7] {
        height: 300px !important;
    }

        .chart-container canvas[b-r0ol4yejp7] {
            width: 100% !important;
            height: 100% !important;
        }
}

/* Boutons d'action */
.btn-sm[b-r0ol4yejp7] {
    transition: all 0.2s ease;
}

.btn-outline-primary:hover[b-r0ol4yejp7],
.btn-outline-secondary:hover[b-r0ol4yejp7] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Support RTL pour l'arabe */
[dir="rtl"] .chart-container[b-r0ol4yejp7] {
    direction: ltr; /* Les graphiques doivent toujours être en LTR */
}
/* _content/BulkSms_6/Components/Pages/History/History.razor.rz.scp.css */
/* Styles optimisés pour les pages d'historique */

/* Spinner de chargement */
/*.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1050;
    display: flex;
    justify-content: center;
    align-items: center;
}*/

.spinner-card[b-27wlmhd5dc] {
    background-color: white;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.spinner[b-27wlmhd5dc] {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin-b-27wlmhd5dc 1s linear infinite;
}

@keyframes spin-b-27wlmhd5dc {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* En-têtes de tableau triables */
.sortable-header[b-27wlmhd5dc] {
    cursor: pointer;
    user-select: none;
    position: relative;
}

    .sortable-header:hover[b-27wlmhd5dc] {
        background-color: rgba(0, 0, 0, 0.1);
    }

    .sortable-header .bi[b-27wlmhd5dc] {
        font-size: 0.8rem;
        margin-left: 5px;
    }

/* Cards stats */
.card[b-27wlmhd5dc] {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    overflow: hidden;
}

    .card:hover[b-27wlmhd5dc] {
        transform: translateY(-3px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1) !important;
    }

/* Onglets */
.nav-tabs .nav-link[b-27wlmhd5dc] {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .nav-tabs .nav-link:not(.active):hover[b-27wlmhd5dc] {
        background-color: rgba(0, 0, 0, 0.03);
    }

/* Message prévisualisation */
.text-truncate[b-27wlmhd5dc] {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn-link.p-0[b-27wlmhd5dc] {
    color: inherit;
    text-decoration: none;
}

    .btn-link.p-0:hover[b-27wlmhd5dc] {
        color: #0d6efd;
    }

/* Tableaux */
.table[b-27wlmhd5dc] {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
    margin-bottom: 0;
}

.table-dark th[b-27wlmhd5dc] {
    font-weight: 500;
    font-size: 0.9rem;
}

/* Badges */
.badge[b-27wlmhd5dc] {
    font-weight: 500;
    letter-spacing: 0.3px;
}

/* Input de recherche */
.input-group-sm .form-control[b-27wlmhd5dc] {
    border-left: none;
}

.input-group-sm .input-group-text[b-27wlmhd5dc] {
    background-color: white;
    border-right: none;
}

/* Animations pour les transitions entre onglets */
.tab-content[b-27wlmhd5dc] {
    animation: fadeIn-b-27wlmhd5dc 0.3s ease;
}

@keyframes fadeIn-b-27wlmhd5dc {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Conteneurs de graphiques responsives */
.chart-container[b-27wlmhd5dc] {
    position: relative;
    width: 100%;
    height: 300px;
    margin: 0 auto;
}

    .chart-container canvas[b-27wlmhd5dc] {
        width: 100% !important;
        height: 100% !important;
        display: block;
    }

/* Boutons d'action */
.btn-sm[b-27wlmhd5dc] {
    transition: all 0.2s ease;
}

.btn-outline-primary:hover[b-27wlmhd5dc],
.btn-outline-secondary:hover[b-27wlmhd5dc] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Filtres améliorés */
.card-header .input-group[b-27wlmhd5dc] {
    max-width: 100%;
}

/* Classes pour les statuts */
.badge.bg-success[b-27wlmhd5dc] {
    background-color: #28a745 !important;
}

.badge.bg-primary[b-27wlmhd5dc] {
    background-color: #007bff !important;
}

.badge.bg-danger[b-27wlmhd5dc] {
    background-color: #dc3545 !important;
}

.badge.bg-warning[b-27wlmhd5dc] {
    background-color: #ffc107 !important;
    color: #212529 !important;
}

.badge.bg-info[b-27wlmhd5dc] {
    background-color: #17a2b8 !important;
}

.badge.bg-secondary[b-27wlmhd5dc] {
    background-color: #6c757d !important;
}

/* Améliorations pour les modals */
.modal-backdrop[b-27wlmhd5dc] {
    opacity: 0.5 !important;
}

.modal-header[b-27wlmhd5dc] {
    padding: 0.75rem 1rem;
}

.modal-body[b-27wlmhd5dc] {
    padding: 1rem;
    max-height: 75vh;
    overflow-y: auto;
}

/* Statut modal fermées */
.modal-open[b-27wlmhd5dc] {
    overflow: hidden;
    padding-right: 15px;
}

/* Responsive design */
@media (max-width: 992px) {
    .chart-container[b-27wlmhd5dc] {
        height: 280px;
    }

    .card-header h5[b-27wlmhd5dc] {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    /* Tableaux responsives */
    .table-responsive[b-27wlmhd5dc] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Navigation des onglets */
    .nav-tabs[b-27wlmhd5dc] {
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

        .nav-tabs[b-27wlmhd5dc]::-webkit-scrollbar {
            display: none;
        }

    .nav-tabs[b-27wlmhd5dc] {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

        .nav-tabs .nav-item[b-27wlmhd5dc] {
            float: none;
            display: inline-block;
        }

        .nav-tabs .nav-link[b-27wlmhd5dc] {
            padding: 0.5rem 0.75rem;
            font-size: 0.85rem;
        }

    /* Graphiques */
    .chart-container[b-27wlmhd5dc] {
        height: 250px;
    }

    /* Cartes */
    .row .col-md-3[b-27wlmhd5dc] {
        margin-bottom: 1rem;
    }

    /* Mode paysage sur mobile */
    @media (orientation: landscape) {
        .row .col-md-6[b-27wlmhd5dc] {
            width: 50%;
            float: left;
        }

        .chart-container[b-27wlmhd5dc] {
            height: 200px;
        }
    }
}

@media (max-width: 576px) {
    .card[b-27wlmhd5dc] {
        margin-bottom: 1rem;
    }

    .chart-container[b-27wlmhd5dc] {
        height: 220px;
        padding: 5px;
    }

    /* Ajuster la taille des textes */
    .table th[b-27wlmhd5dc], .table td[b-27wlmhd5dc] {
        padding: 0.5rem;
        font-size: 0.85rem;
    }

    /* Ajuster les contrôles de formulaire */
    .form-select[b-27wlmhd5dc], .form-control[b-27wlmhd5dc] {
        font-size: 0.85rem;
    }

    /* Très petits écrans */
    @media (max-width: 375px) {
        .chart-container[b-27wlmhd5dc] {
            height: 180px;
        }

        .badge[b-27wlmhd5dc] {
            font-size: 0.7rem;
        }
    }
}

/* Support RTL pour l'arabe */
[dir="rtl"][b-27wlmhd5dc] {
    text-align: right;
}

    [dir="rtl"] .chart-container[b-27wlmhd5dc] {
        direction: ltr; /* Les graphiques doivent toujours être en LTR */
    }

    [dir="rtl"] .card-header i[b-27wlmhd5dc],
    [dir="rtl"] .btn i[b-27wlmhd5dc] {
        margin-left: 0.5rem;
        margin-right: 0;
    }

    [dir="rtl"] .ms-2[b-27wlmhd5dc] {
        margin-right: 0.5rem !important;
        margin-left: 0 !important;
    }

    [dir="rtl"] .me-2[b-27wlmhd5dc] {
        margin-left: 0.5rem !important;
        margin-right: 0 !important;
    }

    [dir="rtl"] .me-3[b-27wlmhd5dc] {
        margin-left: 1rem !important;
        margin-right: 0 !important;
    }

/* Optimisation pour impression */
@media print {
    .no-print[b-27wlmhd5dc] {
        display: none !important;
    }

    .card[b-27wlmhd5dc] {
        break-inside: avoid;
        box-shadow: none !important;
        border: 1px solid #ddd;
    }

    .chart-container[b-27wlmhd5dc] {
        height: 200px;
        page-break-inside: avoid;
    }
}
/* _content/BulkSms_6/Components/Pages/History/ModalInfoStatBulk - Copier.razor.rz.scp.css */
/* Styles spécifiques au modal-info-stat-bulk */
#modal-info-stat-bulk .modal-content[b-8q37akv7wy] {
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
}

/* En-tête spécifique */
#modal-info-stat-bulk .modal-header.bulk-header[b-8q37akv7wy] {
    background-color: #062866;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.25rem;
    border-bottom: 2px solid #0056b3;
}

/* Bouton de fermeture */
#modal-info-stat-bulk .modal-header .btn-close[b-8q37akv7wy] {
    color: #ffffff;
    font-size: 1.1rem;
}

/* Corps du modal */
#modal-info-stat-bulk .modal-body.bulk-body[b-8q37akv7wy] {
    padding: 20px;
    font-family: Arial, sans-serif;
    font-size: 0.8rem;
    line-height: 1.6;
    color: #333333;
    background-color: #f8f9fa;
}

/* Sous-titres */
#modal-info-stat-bulk .modal-body h6[b-8q37akv7wy] {
    color: #0056b3;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* Liste à puces */
#modal-info-stat-bulk .modal-body ul[b-8q37akv7wy] {
    padding-left: 20px;
    list-style-type: disc;
}

    #modal-info-stat-bulk .modal-body ul li[b-8q37akv7wy] {
        margin-bottom: 10px;
    }

/* Pied de page spécifique */
#modal-info-stat-bulk .modal-footer.bulk-footer[b-8q37akv7wy] {
    background-color: #f1f1f1;
    text-align: right;
    border-top: 1px solid #ddd;
}

/* Boutons spécifiques */
#modal-info-stat-bulk .modal-footer .bulk-close-btn[b-8q37akv7wy] {
    background-color: #6c757d;
    color: #ffffff;
    border: none;
    border-radius: 5px;
}

    #modal-info-stat-bulk .modal-footer .bulk-close-btn:hover[b-8q37akv7wy] {
        background-color: #5a6268;
    }

    #modal-info-stat-bulk .modal-footer .bulk-close-btn:focus[b-8q37akv7wy] {
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    }
/* _content/BulkSms_6/Components/Pages/History/ModalInfoStatBulk.razor.rz.scp.css */
/* Styles supplémentaires pour les graphiques et les présentations sur mobile */

/* Conteneurs de graphiques responsives */
.card canvas[b-l41l1ukx6i] {
    max-height: 300px;
    width: 100% !important;
}

/* Mise en page mobile pour les graphiques */
@media (max-width: 768px) {
    /* Ajuster la taille des cartes de graphiques */
    .card-body[b-l41l1ukx6i] {
        padding: 0.75rem;
    }

    /* Réduire la taille des titres sur mobile */
    .card-header h5[b-l41l1ukx6i] {
        font-size: 0.95rem;
    }

    /* Empiler les graphiques sur mobile */
    .col-md-6[b-l41l1ukx6i] {
        margin-bottom: 1rem;
    }

    /* Limiter la hauteur des graphiques sur mobile */
    .card canvas[b-l41l1ukx6i] {
        max-height: 250px;
    }

    /* Ajuster les stats globales */
    .card-body h1[b-l41l1ukx6i] {
        font-size: 1.5rem;
    }

    /* Meilleure gestion de l'espace dans les cartes de statistiques */
    .text-center[b-l41l1ukx6i] {
        padding: 0.5rem 0;
    }

    /* Ajustement des badges */
    .badge[b-l41l1ukx6i] {
        font-size: 0.7rem;
    }
}

/* Rotation des textes sur les axes X des graphiques en mode portrait sur mobile */
@media (max-width: 576px) and (orientation: portrait) {
    .card canvas[b-l41l1ukx6i] {
        max-height: 220px;
    }
}

/* Ajustements spécifiques pour les petits appareils */
@media (max-width: 375px) {
    /* Réduire encore plus la taille des titres */
    .card-header h5[b-l41l1ukx6i] {
        font-size: 0.85rem;
    }

    /* Réduire l'espace dans les cartes */
    .card-body[b-l41l1ukx6i] {
        padding: 0.5rem;
    }

        /* Ajuster les statistiques */
        .card-body h1[b-l41l1ukx6i] {
            font-size: 1.25rem;
        }

        .card-body p[b-l41l1ukx6i] {
            font-size: 0.8rem;
            margin-bottom: 0;
        }
}

/* Amélioration du layout des onglets sur mobile */
@media (max-width: 768px) {
    .nav-tabs[b-l41l1ukx6i] {
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        margin-bottom: 1rem;
        -webkit-overflow-scrolling: touch;
    }

        .nav-tabs .nav-item[b-l41l1ukx6i] {
            float: none;
            display: inline-block;
        }

        .nav-tabs .nav-link[b-l41l1ukx6i] {
            padding: 0.5rem 0.75rem;
            font-size: 0.85rem;
        }

        /* Cacher la scrollbar mais garder la fonctionnalité */
        .nav-tabs[b-l41l1ukx6i]::-webkit-scrollbar {
            display: none;
        }

    .nav-tabs[b-l41l1ukx6i] {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}

/* Optimisation des tableaux sur mobile */
@media (max-width: 768px) {
    .table th[b-l41l1ukx6i], .table td[b-l41l1ukx6i] {
        padding: 0.5rem;
        font-size: 0.85rem;
    }

    /* Améliorer la lisibilité des messages tronqués */
    .text-truncate[b-l41l1ukx6i] {
        max-width: 100px;
    }
}

/* Amélioration de l'interface de recherche sur mobile */
@media (max-width: 576px) {
    .input-group-sm[b-l41l1ukx6i] {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    /* Ajuster les contrôles de pagination */
    .d-flex.justify-content-between[b-l41l1ukx6i] {
        flex-wrap: wrap;
    }

    /* Mieux aligner les boutons de pagination */
    .btn-outline-secondary.btn-sm[b-l41l1ukx6i] {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
    }
}

/* Optimisation des cartes d'informations sur mobile */
@media (max-width: 768px) {
    .row.g-3 > .col-md-3[b-l41l1ukx6i] {
        margin-bottom: 0.5rem;
    }

    .card-body.d-flex.align-items-center[b-l41l1ukx6i] {
        padding: 0.75rem;
    }

        .card-body.d-flex.align-items-center i[b-l41l1ukx6i] {
            font-size: 1.5rem !important;
        }
}

/* Support de l'orientation RTL pour l'arabe */
[dir="rtl"][b-l41l1ukx6i] {
    text-align: right;
}

    [dir="rtl"] .card-header i[b-l41l1ukx6i],
    [dir="rtl"] .btn i[b-l41l1ukx6i] {
        margin-left: 0.5rem;
        margin-right: 0;
    }

    [dir="rtl"] .ms-2[b-l41l1ukx6i] {
        margin-right: 0.5rem !important;
        margin-left: 0 !important;
    }

    [dir="rtl"] .me-2[b-l41l1ukx6i] {
        margin-left: 0.5rem !important;
        margin-right: 0 !important;
    }

    [dir="rtl"] .me-3[b-l41l1ukx6i] {
        margin-left: 1rem !important;
        margin-right: 0 !important;
    }
/* _content/BulkSms_6/Components/Pages/History/ModalInfoStatPeriode.razor.rz.scp.css */
/* Styles spécifiques au modal-info-stat */
#modal-info-stat .modal-content[b-gogxttt3vn] {
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
}

/* En-tête spécifique */
#modal-info-stat .modal-header[b-gogxttt3vn] {
    background-color: #062866;
        color: #ffffff;
    font-weight: bold;
    font-size: 1.25rem;
    border-bottom: 2px solid #0056b3;
}

    /* Bouton de fermeture spécifique */
    #modal-info-stat .modal-header .btn-close[b-gogxttt3vn] {
        color: #ffffff;
        font-size: 1.1rem;
    }

/* Corps du modal */
#modal-info-stat .modal-body[b-gogxttt3vn] {
    padding: 20px;
    font-family: Arial, sans-serif;
    font-size: 0.8rem;
    line-height: 1.6;
    color: #333333;
    background-color: #f8f9fa;
}

    /* Sous-titres spécifiques */
    #modal-info-stat .modal-body h6[b-gogxttt3vn] {
        color: #0056b3;
        font-weight: bold;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    /* Liste à puces spécifique */
    #modal-info-stat .modal-body ul[b-gogxttt3vn] {
        padding-left: 20px;
        list-style-type: disc;
    }

        #modal-info-stat .modal-body ul li[b-gogxttt3vn] {
            margin-bottom: 10px;
        }

    /* Liste numérotée spécifique */
    #modal-info-stat .modal-body ol[b-gogxttt3vn] {
        padding-left: 20px;
        list-style-type: decimal;
    }

        #modal-info-stat .modal-body ol li[b-gogxttt3vn] {
            margin-bottom: 10px;
        }

/* Pied de page spécifique */
#modal-info-stat .modal-footer[b-gogxttt3vn] {
    background-color: #f1f1f1;
    text-align: right;
    border-top: 1px solid #ddd;
}

    /* Boutons spécifiques */
    #modal-info-stat .modal-footer .btn[b-gogxttt3vn] {
        border-radius: 5px;
    }

    #modal-info-stat .modal-footer .btn-secondary[b-gogxttt3vn] {
        background-color: #6c757d;
        color: #ffffff;
        border: none;
    }

        #modal-info-stat .modal-footer .btn-secondary:hover[b-gogxttt3vn] {
            background-color: #5a6268;
        }

        #modal-info-stat .modal-footer .btn-secondary:focus[b-gogxttt3vn] {
            box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
        }
/* _content/BulkSms_6/Components/Pages/History/PhoneSearch.razor.rz.scp.css */
/* Styles pour la page d'historique */

/* Spinner de chargement */
/*.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1050;
    display: flex;
    justify-content: center;
    align-items: center;
}*/

.spinner-card[b-0cusr597ou] {
    background-color: white;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.spinner[b-0cusr597ou] {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin-b-0cusr597ou 1s linear infinite;
}

@keyframes spin-b-0cusr597ou {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* En-têtes de tableau triables */
.sortable-header[b-0cusr597ou] {
    cursor: pointer;
    user-select: none;
}

    .sortable-header:hover[b-0cusr597ou] {
        background-color: rgba(0, 0, 0, 0.1);
    }

/* Cards stats */
.card[b-0cusr597ou] {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .card:hover[b-0cusr597ou] {
        transform: translateY(-3px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1) !important;
    }

/* Onglets */
.nav-tabs .nav-link[b-0cusr597ou] {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .nav-tabs .nav-link:not(.active):hover[b-0cusr597ou] {
        background-color: rgba(0, 0, 0, 0.03);
    }

/* Message prévisualisation */
.text-truncate[b-0cusr597ou] {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn-link.p-0[b-0cusr597ou] {
    color: inherit;
    text-decoration: none;
}

    .btn-link.p-0:hover[b-0cusr597ou] {
        color: #0d6efd;
    }

/* Tableaux */
.table[b-0cusr597ou] {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
}

.table-dark th[b-0cusr597ou] {
    font-weight: 500;
    font-size: 0.9rem;
}

/* Badges */
.badge[b-0cusr597ou] {
    font-weight: 500;
    letter-spacing: 0.3px;
}

/* Input de recherche */
.input-group-sm .form-control[b-0cusr597ou] {
    border-left: none;
}

.input-group-sm .input-group-text[b-0cusr597ou] {
    background-color: white;
    border-right: none;
}

/* Animations pour les transitions entre onglets */
.tab-content[b-0cusr597ou] {
    animation: fadeIn-b-0cusr597ou 0.3s ease;
}

@keyframes fadeIn-b-0cusr597ou {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* ====== NOUVEAU : Styles pour les conteneurs de graphiques ====== */

/* Conteneur principal pour les graphiques */
.chart-container[b-0cusr597ou] {
    position: relative;
    width: 100%;
    height: 300px;
    margin: 0 auto;
}

    /* S'assurer que les canvas de graphiques prennent tout l'espace disponible */
    .chart-container canvas[b-0cusr597ou] {
        width: 100% !important;
        height: 100% !important;
        display: block;
    }

/* Assurer que les cartes de graphiques ont une hauteur minimale */
.card-body.chart-container[b-0cusr597ou] {
    padding: 10px;
    border-radius: 0 0 0.25rem 0.25rem;
}

/* Éviter que les graphiques ne dépassent de leur conteneur */
.row .col-md-6 .card[b-0cusr597ou] {
    overflow: hidden;
}

/* ====== Responsive pour les graphiques ====== */

/* Ajustements pour les grands écrans */
@media (min-width: 1200px) {
    .chart-container[b-0cusr597ou] {
        height: 350px;
    }
}

/* Tablettes et écrans moyens */
@media (max-width: 992px) {
    .chart-container[b-0cusr597ou] {
        height: 280px;
    }

        .chart-container canvas[b-0cusr597ou] {
            max-height: 280px;
        }
}

/* Tablettes portrait et petits écrans */
@media (max-width: 768px) {
    /* Réduire la taille des titres d'en-tête de carte */
    .card-header h5[b-0cusr597ou] {
        font-size: 1rem;
    }

    /* Ajuster la hauteur des conteneurs de graphique */
    .chart-container[b-0cusr597ou] {
        height: 250px;
    }

    /* Ajouter de l'espacement entre les cartes */
    .row .col-md-6[b-0cusr597ou] {
        margin-bottom: 20px;
    }

    /* Correction pour le mode paysage sur mobile */
    @media (orientation: landscape) {
        .row .col-md-6[b-0cusr597ou] {
            width: 50%;
            float: left;
        }

        .chart-container[b-0cusr597ou] {
            height: 200px;
        }
    }
}

/* Téléphones mobiles et très petits écrans */
@media (max-width: 576px) {
    .card[b-0cusr597ou] {
        margin-bottom: 1rem;
    }

    .chart-container[b-0cusr597ou] {
        height: 220px;
        padding: 5px;
    }

    /* Mode portrait spécifique pour les téléphones */
    @media (orientation: portrait) {
        .chart-container[b-0cusr597ou] {
            height: 200px;
        }
    }

    /* Très petits téléphones */
    @media (max-width: 375px) {
        .chart-container[b-0cusr597ou] {
            height: 180px;
        }
    }
}

/* ====== Corrections spécifiques pour certains navigateurs ====== */

/* Safari et iOS */
@supports (-webkit-overflow-scrolling: touch) {
    .chart-container[b-0cusr597ou] {
        -webkit-overflow-scrolling: touch;
    }
}

/* Firefox */
@-moz-document url-prefix() {
    .chart-container[b-0cusr597ou] {
        height: 100%;
        min-height: 250px;
    }
}

/* Internet Explorer */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .chart-container[b-0cusr597ou] {
        height: 300px !important;
    }

        .chart-container canvas[b-0cusr597ou] {
            width: 100% !important;
            height: 100% !important;
        }
}

/* Boutons d'action */
.btn-sm[b-0cusr597ou] {
    transition: all 0.2s ease;
}

.btn-outline-primary:hover[b-0cusr597ou],
.btn-outline-secondary:hover[b-0cusr597ou] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Support RTL pour l'arabe */
[dir="rtl"] .chart-container[b-0cusr597ou] {
    direction: ltr; /* Les graphiques doivent toujours être en LTR */
}
/* _content/BulkSms_6/Components/Pages/History/SmsReport.razor.rz.scp.css */

/* Responsive adjustments */
@media (max-width: 576px) {
    .container-fluid[b-b81ajh5qpi] {
        padding-left: 8px;
        padding-right: 8px;
    }

    .card-body[b-b81ajh5qpi] {
        padding: 0.75rem;
    }

    .btn[b-b81ajh5qpi] {
        font-size: 0.875rem;
        padding: 0.375rem 0.75rem;
    }

    .form-control[b-b81ajh5qpi], .form-select[b-b81ajh5qpi] {
        font-size: 0.875rem;
    }

    .badge[b-b81ajh5qpi] {
        font-size: 0.75rem;
    }

    .table th[b-b81ajh5qpi], .table td[b-b81ajh5qpi] {
        padding: 0.5rem 0.25rem;
        font-size: 0.875rem;
    }
}

@media (max-width: 768px) {
    .h5[b-b81ajh5qpi] {
        font-size: 1.1rem;
    }

    .card-header h6[b-b81ajh5qpi] {
        font-size: 0.9rem;
    }
}

/* Enhanced styles */
.card[b-b81ajh5qpi] {
    border: none;
    border-radius: 12px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .card:hover[b-b81ajh5qpi] {
        transform: translateY(-2px);
        box-shadow: 0 4px 25px rgba(0,0,0,0.1) !important;
    }

.table th[b-b81ajh5qpi] {
    border-top: none;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.badge[b-b81ajh5qpi] {
    font-size: 0.875rem;
    font-weight: 500;
}

.form-control[b-b81ajh5qpi], .form-select[b-b81ajh5qpi] {
    border-radius: 8px;
    border: 1px solid #dee2e6;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .form-control:focus[b-b81ajh5qpi], .form-select:focus[b-b81ajh5qpi] {
        border-color: #86b7fe;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

.btn[b-b81ajh5qpi] {
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.2s ease;
}

    .btn:hover[b-b81ajh5qpi] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

.table-responsive[b-b81ajh5qpi] {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.sortable-header[b-b81ajh5qpi] {
    user-select: none;
    transition: background-color 0.2s ease;
    position: relative;
}

    .sortable-header:hover[b-b81ajh5qpi] {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .sortable-header i[b-b81ajh5qpi] {
        opacity: 0.6;
        font-size: 0.8em;
        transition: opacity 0.2s ease;
    }

        .sortable-header i.fa-sort-up[b-b81ajh5qpi],
        .sortable-header i.fa-sort-down[b-b81ajh5qpi] {
            opacity: 1;
            color: #ffc107;
        }

.form-check-input:checked[b-b81ajh5qpi] {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.form-check-label[b-b81ajh5qpi] {
    cursor: pointer;
    font-weight: 500;
    transition: color 0.2s ease;
}

    .form-check-label:hover[b-b81ajh5qpi] {
        color: #0d6efd;
    }

.card-header h6[b-b81ajh5qpi] {
    color: #495057;
    font-weight: 600;
}

.table-info[b-b81ajh5qpi] {
    background-color: rgba(13, 202, 240, 0.1) !important;
}

.table-primary[b-b81ajh5qpi] {
    background-color: rgba(13, 110, 253, 0.1) !important;
}

/* Mobile card enhancements */
.card.mb-2[b-b81ajh5qpi] {
    border-left: 4px solid #0d6efd;
    transition: all 0.2s ease;
}

    .card.mb-2:hover[b-b81ajh5qpi] {
        border-left-color: #0d6efd;
        box-shadow: 0 2px 15px rgba(13, 110, 253, 0.2);
    }

.card.mb-3[b-b81ajh5qpi] {
    border-top: 3px solid transparent;
    transition: all 0.2s ease;
}

    .card.mb-3:hover[b-b81ajh5qpi] {
        border-top-color: #17a2b8;
        transform: translateY(-1px);
    }

/* Chart containers */
.card .card-body[b-b81ajh5qpi] {
    position: relative;
}

/* Loading animation */
.spinner-border[b-b81ajh5qpi] {
    animation: spinner-border .75s linear infinite;
}

/* Responsive text utilities */
@media (max-width: 576px) {
    .small-text-mobile[b-b81ajh5qpi] {
        font-size: 0.75rem;
    }

    .hide-mobile[b-b81ajh5qpi] {
        display: none !important;
    }
}

/* Enhanced badges */
.badge[b-b81ajh5qpi] {
    border-radius: 6px;
    padding: 0.375em 0.75em;
}

/* Smooth transitions */
*[b-b81ajh5qpi] {
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

/* Custom scrollbar for mobile */
@media (max-width: 768px) {
    .table-responsive[b-b81ajh5qpi]::-webkit-scrollbar {
        height: 6px;
    }

    .table-responsive[b-b81ajh5qpi]::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 3px;
    }

    .table-responsive[b-b81ajh5qpi]::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 3px;
    }

        .table-responsive[b-b81ajh5qpi]::-webkit-scrollbar-thumb:hover {
            background: #a8a8a8;
        }
}

/* Chart responsive adjustments */
@media (max-width: 768px) {
    #messagesChart[b-b81ajh5qpi], #clientsChart[b-b81ajh5qpi], #comparisonChart[b-b81ajh5qpi], #flashSmsChart[b-b81ajh5qpi] {
        height: 250px !important;
    }
}

@media (max-width: 576px) {
    #messagesChart[b-b81ajh5qpi], #clientsChart[b-b81ajh5qpi], #comparisonChart[b-b81ajh5qpi], #flashSmsChart[b-b81ajh5qpi] {
        height: 200px !important;
    }
}

/* Enhanced focus states */
.form-check-input:focus[b-b81ajh5qpi] {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.btn:focus[b-b81ajh5qpi] {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Animation classes */
.fade-in[b-b81ajh5qpi] {
    animation: fadeIn-b-b81ajh5qpi 0.3s ease-in;
}

@keyframes fadeIn-b-b81ajh5qpi {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Card statistics hover effects */
.bg-info.text-white:hover[b-b81ajh5qpi],
.bg-warning.text-white:hover[b-b81ajh5qpi],
.bg-success.text-white:hover[b-b81ajh5qpi],
.bg-secondary.text-white:hover[b-b81ajh5qpi] {
    filter: brightness(1.1);
}

/* Mobile-specific improvements */
@media (max-width: 576px) {
    .row.g-2[b-b81ajh5qpi] {
        --bs-gutter-x: 0.5rem;
        --bs-gutter-y: 0.5rem;
    }

    .gap-2[b-b81ajh5qpi] {
        gap: 0.5rem !important;
    }

    .mb-3[b-b81ajh5qpi] {
        margin-bottom: 0.75rem !important;
    }

    .py-5[b-b81ajh5qpi] {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

/* Print styles */
@media print {
    .btn[b-b81ajh5qpi], .form-control[b-b81ajh5qpi], .form-select[b-b81ajh5qpi], .form-check[b-b81ajh5qpi] {
        display: none !important;
    }

    .card[b-b81ajh5qpi] {
        box-shadow: none !important;
        border: 1px solid #dee2e6 !important;
    }

    .table[b-b81ajh5qpi] {
        font-size: 0.8rem;
    }

    .badge[b-b81ajh5qpi] {
        border: 1px solid #000;
        color: #000 !important;
        background-color: transparent !important;
    }
}

/* Dark mode support (if needed) */
@media (prefers-color-scheme: dark) {
    .card[b-b81ajh5qpi] {
        background-color: #2d3748;
        color: #e2e8f0;
    }

    .form-control[b-b81ajh5qpi], .form-select[b-b81ajh5qpi] {
        background-color: #4a5568;
        border-color: #718096;
        color: #e2e8f0;
    }

    .table-striped > tbody > tr:nth-of-type(odd) > td[b-b81ajh5qpi] {
        background-color: rgba(255, 255, 255, 0.05);
    }
}

/* Additional responsive utilities */
.text-truncate-mobile[b-b81ajh5qpi] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .text-truncate-mobile[b-b81ajh5qpi] {
        max-width: 100px;
    }
}

/* Custom button styles */
.btn-outline-primary:hover[b-b81ajh5qpi] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3);
}

.btn-outline-success:hover[b-b81ajh5qpi] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(25, 135, 84, 0.3);
}

.btn-outline-info:hover[b-b81ajh5qpi] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(13, 202, 240, 0.3);
}

/* Table row hover effect */
.table-hover tbody tr:hover[b-b81ajh5qpi] {
    background-color: rgba(13, 110, 253, 0.05);
    transform: scale(1.001);
    transition: all 0.2s ease;
}

/* Custom card shadows */
.shadow-sm[b-b81ajh5qpi] {
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.075) !important;
}

.shadow[b-b81ajh5qpi] {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* Progress bar styles (if needed) */
.progress[b-b81ajh5qpi] {
    border-radius: 10px;
    height: 8px;
}

.progress-bar[b-b81ajh5qpi] {
    border-radius: 10px;
}

/* Loading states */
.loading-overlay[b-b81ajh5qpi] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

/* Tooltip enhancements */
.tooltip-inner[b-b81ajh5qpi] {
    border-radius: 8px;
    font-size: 0.875rem;
}

/* Custom alerts */
.alert[b-b81ajh5qpi] {
    border-radius: 10px;
    border: none;
}

.alert-info[b-b81ajh5qpi] {
    background-color: rgba(13, 202, 240, 0.1);
    color: #055160;
}

.alert-warning[b-b81ajh5qpi] {
    background-color: rgba(255, 193, 7, 0.1);
    color: #664d03;
}

.alert-success[b-b81ajh5qpi] {
    background-color: rgba(25, 135, 84, 0.1);
    color: #0f5132;
}

/* Custom spacing utilities */
.spacing-sm[b-b81ajh5qpi] {
    margin: 0.5rem;
}

.spacing-md[b-b81ajh5qpi] {
    margin: 1rem;
}

.spacing-lg[b-b81ajh5qpi] {
    margin: 1.5rem;
}

/* Custom border radius */
.rounded-xl[b-b81ajh5qpi] {
    border-radius: 1rem !important;
}

.rounded-xxl[b-b81ajh5qpi] {
    border-radius: 1.5rem !important;
}
/* _content/BulkSms_6/Components/Pages/Home/BuyPack.razor.rz.scp.css */

.features-hero[b-ayxv0vy6ts] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.pack-card-promo[b-ayxv0vy6ts] {
    border-radius: 15px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: transform 0.3s ease;
}

    .pack-card-promo:hover[b-ayxv0vy6ts] {
        transform: translateY(-5px);
    }

.promo-ribbon[b-ayxv0vy6ts] {
    position: absolute;
    top: 20px;
    right: -10px;
    background: #ff4757;
    color: white;
    padding: 5px 20px;
    font-weight: bold;
    transform: rotate(15deg);
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    z-index: 10;
}

.pack-card-standard[b-ayxv0vy6ts] {
    border-radius: 15px;
    transition: transform 0.3s ease;
}

    .pack-card-standard:hover[b-ayxv0vy6ts] {
        transform: translateY(-3px);
    }

.spec-item[b-ayxv0vy6ts] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 14px;
}

    .spec-item i[b-ayxv0vy6ts] {
        margin-right: 8px;
        width: 20px;
    }

.spec-item-standard[b-ayxv0vy6ts] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 14px;
}

.border-3[b-ayxv0vy6ts] {
    border-width: 3px !important;
}

.bg-gradient-primary[b-ayxv0vy6ts] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* _content/BulkSms_6/Components/Pages/Home/Home.razor.rz.scp.css */

.dashboard-header[b-io3x0ke293] {
    background: linear-gradient(135deg, #192adf 0%, #071b4b 100%);
        color: white;
    padding: 1rem 0 0.5rem 0;
    margin-bottom: 2rem;
    border-radius: 0 0 20px 20px;
}

.dashboard-title[b-io3x0ke293] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.dashboard-subtitle[b-io3x0ke293] {
    font-size: 1.1rem;
    opacity: 0.95;
    margin-bottom: 0;
}

.loading-container[b-io3x0ke293] {
    text-align: center;
    padding: 3rem 0;
}

.modern-card[b-io3x0ke293] {
    position: relative;
    background: white;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border: 1px solid rgba(0, 0, 0, 0.05);
    min-height: 120px;
}

    .modern-card:hover[b-io3x0ke293] {
        transform: translateY(-8px);
        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
    }

    .modern-card.expanded[b-io3x0ke293] {
        transform: translateY(-4px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
    }

.card-gradient[b-io3x0ke293] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #667eea, #764ba2, #f093fb);
    transition: height 0.3s ease;
}

.modern-card:hover .card-gradient[b-io3x0ke293] {
    height: 6px;
}

.card-content[b-io3x0ke293] {
    padding: 1.5rem;
    position: relative;
    z-index: 2;
}

.card-header-section[b-io3x0ke293] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.icon-container[b-io3x0ke293] {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    background: linear-gradient(135deg, #667eea20, #764ba220);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    transition: all 0.3s ease;
}

    .icon-container i[b-io3x0ke293] {
        font-size: 28px;
        color: #667eea;
        transition: all 0.3s ease;
    }

.modern-card:hover .icon-container[b-io3x0ke293] {
    background: linear-gradient(135deg, #667eea30, #764ba230);
    transform: scale(1.1);
}

    .modern-card:hover .icon-container i[b-io3x0ke293] {
        color: #5a67d8;
    }

.title-section[b-io3x0ke293] {
    flex: 1;
}

.card-title[b-io3x0ke293] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 600;
    color: #2d3748;
    line-height: 1.2;
}

.subtitle-count[b-io3x0ke293] {
    font-size: 0.85rem;
    color: #718096;
    font-weight: 500;
}

.expand-icon[b-io3x0ke293] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f7fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

    .expand-icon i[b-io3x0ke293] {
        color: #718096;
        transition: all 0.3s ease;
    }

.modern-card:hover .expand-icon[b-io3x0ke293] {
    background: #edf2f7;
    transform: rotate(180deg);
}

.submenu-container[b-io3x0ke293] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
    animation: slideDown-b-io3x0ke293 0.3s ease-out;
}

@keyframes slideDown-b-io3x0ke293 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.submenu-item[b-io3x0ke293] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    margin: 0.25rem -1rem;
    border-radius: 12px;
    text-decoration: none;
    color: #4a5568;
    transition: all 0.2s ease;
    font-weight: 500;
}

    .submenu-item:hover[b-io3x0ke293] {
        background: linear-gradient(135deg, #667eea10, #764ba210);
        color: #667eea;
        transform: translateX(8px);
    }

.submenu-content[b-io3x0ke293] {
    display: flex;
    align-items: center;
}

.quick-actions-section[b-io3x0ke293] {
    padding: 2rem 0;
}

.section-title[b-io3x0ke293] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 1.5rem;
    text-align: center;
}

.quick-action-link[b-io3x0ke293] {
    text-decoration: none;
    color: inherit;
    display: block;
}

.quick-action-card[b-io3x0ke293] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem 1rem;
    background: white;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    cursor: pointer;
    text-align: center;
    border: 2px solid transparent;
}

    .quick-action-card:hover[b-io3x0ke293] {
        transform: translateY(-4px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    }

    .quick-action-card i[b-io3x0ke293] {
        font-size: 2rem;
        margin-bottom: 0.5rem;
        transition: all 0.3s ease;
    }

    .quick-action-card span[b-io3x0ke293] {
        font-weight: 600;
        font-size: 0.9rem;
    }
.quick-action-danger:hover[b-io3x0ke293] {
    border-color: #e53e3e;
    background: linear-gradient(135deg, #e53e3e05, #c5303005);
}

.quick-action-danger i[b-io3x0ke293] {
    color: #e53e3e;
}

.quick-action-secondary:hover[b-io3x0ke293] {
    border-color: #718096;
    background: linear-gradient(135deg, #71809605, #4a556805);
}

.quick-action-secondary i[b-io3x0ke293] {
    color: #718096;
}


.quick-action-primary[b-io3x0ke293] {
    border-color: transparent;
}

    .quick-action-primary:hover[b-io3x0ke293] {
        border-color: #667eea;
        background: linear-gradient(135deg, #667eea05, #764ba205);
    }

    .quick-action-primary i[b-io3x0ke293] {
        color: #667eea;
    }

.quick-action-success:hover[b-io3x0ke293] {
    border-color: #48bb78;
    background: linear-gradient(135deg, #48bb7805, #38a16905);
}

.quick-action-success i[b-io3x0ke293] {
    color: #48bb78;
}

.quick-action-info:hover[b-io3x0ke293] {
    border-color: #4299e1;
    background: linear-gradient(135deg, #4299e105, #3182ce05);
}

.quick-action-info i[b-io3x0ke293] {
    color: #4299e1;
}

.quick-action-warning:hover[b-io3x0ke293] {
    border-color: #ed8936;
    background: linear-gradient(135deg, #ed893605, #dd6b2005);
}

.quick-action-warning i[b-io3x0ke293] {
    color: #ed8936;
}

@media (max-width: 768px) {
    .dashboard-title[b-io3x0ke293] {
        font-size: 2rem;
    }

    .card-header-section[b-io3x0ke293] {
        flex-direction: column;
        text-align: center;
    }

    .icon-container[b-io3x0ke293] {
        margin-right: 0;
        margin-bottom: 1rem;
    }

    .expand-icon[b-io3x0ke293] {
        margin-top: 1rem;
    }
}

/* _content/BulkSms_6/Components/Pages/Home/HomeRaccourci.razor.rz.scp.css */
/* Styles compacts pour les cartes SMS */
.sms-actions-section[b-o9ulrdnwri] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 15px;
    padding: 1.5rem;
    margin-top: 1.5rem;
}

.sms-card-link[b-o9ulrdnwri] {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}

.sms-card[b-o9ulrdnwri] {
    background: white;
    border-radius: 12px;
    padding: 1rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    min-height: 140px;
}

    .sms-card[b-o9ulrdnwri]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        transition: all 0.3s ease;
    }

    .sms-card:hover[b-o9ulrdnwri] {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
        border-color: var(--card-color);
    }

        .sms-card:hover[b-o9ulrdnwri]::before {
            height: 100%;
            opacity: 0.04;
        }

.sms-card-primary[b-o9ulrdnwri] {
    --card-color: #667eea;
}

    .sms-card-primary[b-o9ulrdnwri]::before {
        background: var(--card-color);
    }

    .sms-card-primary .sms-icon-container[b-o9ulrdnwri] {
        color: var(--card-color);
    }

.sms-card-success[b-o9ulrdnwri] {
    --card-color: #28a745;
}

    .sms-card-success[b-o9ulrdnwri]::before {
        background: var(--card-color);
    }

    .sms-card-success .sms-icon-container[b-o9ulrdnwri] {
        color: var(--card-color);
    }

.sms-card-warning[b-o9ulrdnwri] {
    --card-color: #ffc107;
}

    .sms-card-warning[b-o9ulrdnwri]::before {
        background: var(--card-color);
    }

    .sms-card-warning .sms-icon-container[b-o9ulrdnwri] {
        color: var(--card-color);
    }

.sms-card-info[b-o9ulrdnwri] {
    --card-color: #17a2b8;
}

    .sms-card-info[b-o9ulrdnwri]::before {
        background: var(--card-color);
    }

    .sms-card-info .sms-icon-container[b-o9ulrdnwri] {
        color: var(--card-color);
    }

.sms-icon-container[b-o9ulrdnwri] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(255,255,255,0.2), rgba(255,255,255,0.1));
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.2);
}

    .sms-icon-container svg[b-o9ulrdnwri] {
        width: 24px;
        height: 24px;
    }

.sms-content[b-o9ulrdnwri] {
    flex: 1;
    position: relative;
    z-index: 2;
}

.sms-title[b-o9ulrdnwri] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.4rem;
    color: #333;
    line-height: 1.2;
}

.sms-description[b-o9ulrdnwri] {
    font-size: 0.8rem;
    color: #666;
    margin-bottom: 0.5rem;
    line-height: 1.3;
}

.sms-arrow[b-o9ulrdnwri] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    font-size: 1rem;
    color: #ccc;
    transition: all 0.3s ease;
    z-index: 2;
}

.sms-card:hover .sms-arrow[b-o9ulrdnwri] {
    color: var(--card-color);
    transform: translateX(3px);
}

/* Styles compacts pour les cartes Historique et Rapports */
.history-reports-section[b-o9ulrdnwri] {
    background: linear-gradient(135deg, #f1f3f4 0%, #e8eaf0 100%);
    border-radius: 15px;
    padding: 1.5rem;
    margin-top: 1.5rem;
    position: relative;
    overflow: hidden;
}

    .history-reports-section[b-o9ulrdnwri]::before {
        content: '';
        position: absolute;
        top: -50%;
        right: -50%;
        width: 100%;
        height: 100%;
        background: radial-gradient(circle, rgba(102, 126, 234, 0.08) 0%, transparent 70%);
        pointer-events: none;
    }

.history-card-link[b-o9ulrdnwri] {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}

.history-card[b-o9ulrdnwri] {
    background: white;
    border-radius: 12px;
    padding: 1.25rem 1rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 2px solid transparent;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    min-height: 150px;
}

    .history-card[b-o9ulrdnwri]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        transition: all 0.4s ease;
        transform: scaleX(0);
        transform-origin: left;
    }

    .history-card[b-o9ulrdnwri]::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, var(--card-color), transparent);
        opacity: 0;
        transition: all 0.4s ease;
        pointer-events: none;
    }

    .history-card:hover[b-o9ulrdnwri] {
        transform: translateY(-8px) scale(1.01);
        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
        border-color: var(--card-color);
    }

        .history-card:hover[b-o9ulrdnwri]::before {
            transform: scaleX(1);
            height: 100%;
            opacity: 0.06;
        }

        .history-card:hover[b-o9ulrdnwri]::after {
            opacity: 0.02;
        }

.history-card-primary[b-o9ulrdnwri] {
    --card-color: #6366f1;
}

    .history-card-primary[b-o9ulrdnwri]::before {
        background: var(--card-color);
    }

    .history-card-primary .history-icon-container[b-o9ulrdnwri] {
        background: linear-gradient(135deg, var(--card-color), #8b5cf6);
        color: white;
    }

.history-card-success[b-o9ulrdnwri] {
    --card-color: #10b981;
}

    .history-card-success[b-o9ulrdnwri]::before {
        background: var(--card-color);
    }

    .history-card-success .history-icon-container[b-o9ulrdnwri] {
        background: linear-gradient(135deg, var(--card-color), #34d399);
        color: white;
    }

.history-card-warning[b-o9ulrdnwri] {
    --card-color: #f59e0b;
}

    .history-card-warning[b-o9ulrdnwri]::before {
        background: var(--card-color);
    }

    .history-card-warning .history-icon-container[b-o9ulrdnwri] {
        background: linear-gradient(135deg, var(--card-color), #fbbf24);
        color: white;
    }

.history-icon-container[b-o9ulrdnwri] {
    width: 50px;
    height: 50px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    transition: all 0.4s ease;
    position: relative;
    z-index: 2;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

    .history-icon-container svg[b-o9ulrdnwri] {
        width: 24px;
        height: 24px;
    }

.history-card:hover .history-icon-container[b-o9ulrdnwri] {
    transform: scale(1.05) rotate(3deg);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}

.history-content[b-o9ulrdnwri] {
    flex: 1;
    position: relative;
    z-index: 2;
}

.history-title[b-o9ulrdnwri] {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #1f2937;
    transition: all 0.3s ease;
    line-height: 1.2;
}

.history-card:hover .history-title[b-o9ulrdnwri] {
    color: var(--card-color);
}

.history-description[b-o9ulrdnwri] {
    font-size: 0.85rem;
    color: #6b7280;
    margin-bottom: 1rem;
    line-height: 1.4;
    transition: all 0.3s ease;
}

.history-card:hover .history-description[b-o9ulrdnwri] {
    color: #4b5563;
}

.history-arrow[b-o9ulrdnwri] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 1.2rem;
    color: #d1d5db;
    transition: all 0.4s ease;
    z-index: 2;
}

.history-card:hover .history-arrow[b-o9ulrdnwri] {
    color: var(--card-color);
    transform: translateX(5px) scale(1.1);
}

/* Animation d'entrée optimisée */
.sms-card[b-o9ulrdnwri], .history-card[b-o9ulrdnwri] {
    animation: slideInUp-b-o9ulrdnwri 0.5s ease forwards;
    opacity: 0;
    transform: translateY(20px);
}

    .sms-card:nth-child(1)[b-o9ulrdnwri], .history-card:nth-child(1)[b-o9ulrdnwri] {
        animation-delay: 0.05s;
    }

    .sms-card:nth-child(2)[b-o9ulrdnwri], .history-card:nth-child(2)[b-o9ulrdnwri] {
        animation-delay: 0.1s;
    }

    .sms-card:nth-child(3)[b-o9ulrdnwri], .history-card:nth-child(3)[b-o9ulrdnwri] {
        animation-delay: 0.15s;
    }

    .sms-card:nth-child(4)[b-o9ulrdnwri] {
        animation-delay: 0.2s;
    }

@keyframes slideInUp-b-o9ulrdnwri {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive optimisé */
@media (max-width: 768px) {
    .sms-actions-section[b-o9ulrdnwri], .history-reports-section[b-o9ulrdnwri] {
        padding: 1rem;
        margin-top: 1rem;
    }

    .sms-card[b-o9ulrdnwri], .history-card[b-o9ulrdnwri] {
        padding: 0.75rem;
        min-height: 120px;
    }

    .sms-icon-container[b-o9ulrdnwri] {
        width: 40px;
        height: 40px;
    }

    .history-icon-container[b-o9ulrdnwri] {
        width: 45px;
        height: 45px;
        border-radius: 12px;
    }

        .sms-icon-container svg[b-o9ulrdnwri], .history-icon-container svg[b-o9ulrdnwri] {
            width: 20px;
            height: 20px;
        }

    .sms-title[b-o9ulrdnwri], .history-title[b-o9ulrdnwri] {
        font-size: 0.95rem;
    }

    .sms-description[b-o9ulrdnwri], .history-description[b-o9ulrdnwri] {
        font-size: 0.8rem;
    }

    .sms-arrow[b-o9ulrdnwri], .history-arrow[b-o9ulrdnwri] {
        font-size: 1rem;
        top: 0.5rem;
        right: 0.5rem;
    }
}

@media (max-width: 576px) {
    .sms-actions-section[b-o9ulrdnwri], .history-reports-section[b-o9ulrdnwri] {
        padding: 0.75rem;
    }

    .sms-card[b-o9ulrdnwri], .history-card[b-o9ulrdnwri] {
        padding: 0.75rem;
        min-height: 110px;
    }

    .sms-title[b-o9ulrdnwri], .history-title[b-o9ulrdnwri] {
        font-size: 0.9rem;
    }

    .sms-description[b-o9ulrdnwri], .history-description[b-o9ulrdnwri] {
        font-size: 0.75rem;
    }
}

/* Mode sombre optimisé */
@media (prefers-color-scheme: dark) {
    .sms-actions-section[b-o9ulrdnwri] {
        background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);
    }

    .history-reports-section[b-o9ulrdnwri] {
        background: linear-gradient(135deg, #374151 0%, #1f2937 100%);
    }

    .sms-card[b-o9ulrdnwri], .history-card[b-o9ulrdnwri] {
        background: #4a5568;
        color: white;
    }

    .sms-title[b-o9ulrdnwri], .history-title[b-o9ulrdnwri] {
        color: white;
    }

    .sms-description[b-o9ulrdnwri], .history-description[b-o9ulrdnwri] {
        color: #cbd5e0;
    }

    .history-card:hover .history-title[b-o9ulrdnwri] {
        color: var(--card-color);
    }

    .history-card:hover .history-description[b-o9ulrdnwri] {
        color: #f3f4f6;
    }

    .history-arrow[b-o9ulrdnwri], .sms-arrow[b-o9ulrdnwri] {
        color: #6b7280;
    }
}
/* _content/BulkSms_6/Components/Pages/Login/Login2.razor.rz.scp.css */
.ftco-section[b-02chv0mygc] {
    padding: 7em 0;
}

.ftco-no-pt[b-02chv0mygc] {
    padding-top: 0;
}

.ftco-no-pb[b-02chv0mygc] {
    padding-bottom: 0;
}

.heading-section[b-02chv0mygc] {
    font-size: 28px;
    color: #000;
}


.img[b-02chv0mygc], .login-wrap[b-02chv0mygc] {
    width: 50%;
}
.img[b-02chv0mygc] {
    /*background-size: cover;*/
    background-repeat: no-repeat;
    background-position: center center;
}

@media (max-width: 991.98px) {
    .img[b-02chv0mygc], .login-wrap[b-02chv0mygc] {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .wrap .img[b-02chv0mygc] {
        height: 250px;
    }
}

.login-wrap[b-02chv0mygc] {
    position: relative;
    background: #fff h3;
    background-font-weight: 300;
}

.form-group[b-02chv0mygc] {
    position: relative;
}

    .form-group .label[b-02chv0mygc] {
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #000;
        font-weight: 700;
    }

    .form-group a[b-02chv0mygc] {
        color: gray;
    }

.form-control[b-02chv0mygc] {
    height: 48px;
    background: #fff;
    color: #000;
    font-size: 16px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

    .form-control[b-02chv0mygc]::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: rgba(0, 0, 0, 0.2) !important;
    }

    .form-control[b-02chv0mygc]::-moz-placeholder {
        /* Firefox 19+ */
        color: rgba(0, 0, 0, 0.2) !important;
    }

    .form-control:-ms-input-placeholder[b-02chv0mygc] {
        /* IE 10+ */
        color: rgba(0, 0, 0, 0.2) !important;
    }

    .form-control:-moz-placeholder[b-02chv0mygc] {
        /* Firefox 18- */
        color: rgba(0, 0, 0, 0.2) !important;
    }

    .form-control:focus[b-02chv0mygc], .form-control:active[b-02chv0mygc] {
        outline: none !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #e3b04b;
    }

img[b-02chv0mygc] {
    vertical-align: middle;
    border-style: none;
}

.img-fluid[b-02chv0mygc] {
    max-width: 100%;
    height: auto;
}

.img-thumbnail[b-02chv0mygc] {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.figure[b-02chv0mygc] {
    display: inline-block;
}

.figure-img[b-02chv0mygc] {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption[b-02chv0mygc] {
    font-size: 90%;
    color: #6c757d;
}


.wrap[b-02chv0mygc] {
    width: 100%;
    overflow: hidden;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
}

.img[b-02chv0mygc], .login-wrap[b-02chv0mygc] {
    width: 50%;
}

@media (max-width: 991.98px) {
    .img[b-02chv0mygc], .login-wrap[b-02chv0mygc] {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .wrap .img[b-02chv0mygc] {
        height: 250px;
    }
}
/* _content/BulkSms_6/Components/Pages/MasterAdmin/AchatAdd.razor.rz.scp.css */
.badge-danger[b-rv7qlltbya] {
    background-color: #dc3545;
}

.badge-secondary[b-rv7qlltbya] {
    background-color: #6c757d;
}

.badge-success[b-rv7qlltbya] {
    background-color: #28a745;
}

.badge-danger[b-rv7qlltbya] {
    background-color: #dc3545;
}

.table-warning[b-rv7qlltbya] {
    background-color: #fff3cd;
}

.table-responsive[b-rv7qlltbya] {
    margin-top: 15px;
}

.card-header[b-rv7qlltbya] {
    background-color: var(--ma-couleur-principale) !important;
    color: white;
}
/*.btnAddUser {
    background-color: #fff;
    
  
}*/

.btnAddUser[b-rv7qlltbya] {
    background-color: #fff;
    border-color: #ccc; /* Bordure par défaut */
}

    .btnAddUser:hover[b-rv7qlltbya] {
        border-color: #d6dde5; /* Bordure au survol */
        /*background-color: #f9f9f9;*/ /* Facultatif : couleur de fond au survol */
    }
/* _content/BulkSms_6/Components/Pages/MasterAdmin/ConfigAndError/ConfigKannel.razor.rz.scp.css */

.table th[b-rgnlrhb5u7] {
    border-top: none;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.table-success[b-rgnlrhb5u7] {
    --bs-table-bg: rgba(25, 135, 84, 0.1);
}

.card[b-rgnlrhb5u7] {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.badge[b-rgnlrhb5u7] {
    font-size: 0.75em;
}

code[b-rgnlrhb5u7] {
    font-size: 0.875em;
    color: #d63384;
    background-color: #f8f9fa;
    padding: 0.125rem 0.25rem;
    border-radius: 0.25rem;
}

/* SweetAlert custom styles */
.swal2-popup[b-rgnlrhb5u7] {
    font-family: inherit;
}

.swal2-title[b-rgnlrhb5u7] {
    color: #495057;
}

/* _content/BulkSms_6/Components/Pages/MasterAdmin/Contact/ContactGestion.razor.rz.scp.css */
/* Appliquer uniquement à la modale spécifique */
.modalHistoStatus .modal-content[b-phakbb25r5] {
    background-color: white !important; /* Fond blanc */
    color: black; /* Texte en noir */
    border-radius: 10px; /* Coins arrondis */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Ombre pour visibilité */
    padding: 15px;
}

/* Assurer que le fond derrière la modale est légèrement assombri */
.modalHistoStatus[b-phakbb25r5] {
    background: rgba(0, 0, 0, 0.4) !important; /* Fond sombre semi-transparent */
}

    /* Ajuster les bordures du tableau pour plus de lisibilité */
    .modalHistoStatus table[b-phakbb25r5] {
        border: 1px solid #dee2e6;
    }

        /* Ajouter une séparation plus visible entre les lignes du tableau */
        .modalHistoStatus table td[b-phakbb25r5], .modalHistoStatus table th[b-phakbb25r5] {
            border: 1px solid #ddd;
            padding: 8px;
        }

    /* Améliorer l'apparence du bouton de fermeture */
    .modalHistoStatus .btn-close[b-phakbb25r5] {
        filter: invert(1); /* Rendre l'icône visible sur fond clair */
    }
/* _content/BulkSms_6/Components/Pages/MasterAdmin/Entetes.razor.rz.scp.css */
.badge-danger[b-6y80ynts54] {
    background-color: #dc3545;
}

.badge-secondary[b-6y80ynts54] {
    background-color: #6c757d;
}

.badge-success[b-6y80ynts54] {
    background-color: #28a745;
}

.badge-danger[b-6y80ynts54] {
    background-color: #dc3545;
}

.table-warning[b-6y80ynts54] {
    background-color: #fff3cd;
}

.table-responsive[b-6y80ynts54] {
    margin-top: 15px;
}

.card-header[b-6y80ynts54] {
    background-color: var(--ma-couleur-principale) !important;
    color: white;
}
/*.btnAddUser {
    background-color: #fff;
    
  
}*/

.btnAddUser[b-6y80ynts54] {
    background-color: #fff;
    border-color: #ccc; /* Bordure par défaut */
}

    .btnAddUser:hover[b-6y80ynts54] {
        border-color: #d6dde5; /* Bordure au survol */
        /*background-color: #f9f9f9;*/ /* Facultatif : couleur de fond au survol */
    }
/* _content/BulkSms_6/Components/Pages/MasterAdmin/GestionPack - Copier.razor.rz.scp.css */
.ribbon[b-wmq6vjf6ah] {
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    height: 100px;
    overflow: hidden;
}

    .ribbon span[b-wmq6vjf6ah] {
        position: absolute;
        display: block;
        width: 120px;
        /*height: 120px;*/
        background: #ffc107;
        color: #000;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        padding: 5px 0;
        transform: rotate(-45deg);
        top: 15px;
        left: -30px;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    }

.price-strikethrough[b-wmq6vjf6ah] {
    text-decoration-line: line-through;
}
.section-title[b-wmq6vjf6ah] {
    font-size: 2rem;
    font-weight: bold;
    color: #007bff;
    margin-bottom: 10px;
}

.section-subtitle[b-wmq6vjf6ah] {
    font-size: 1.1rem;
    color: #6c757d;
}

.pack-card[b-wmq6vjf6ah] {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
}

    .pack-card:hover[b-wmq6vjf6ah] {
        transform: translateY(-5px);
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    }

.pack-header[b-wmq6vjf6ah] {
    padding: 10px;
    text-align: center;
    background-color: #007bff;
    color: white;
}

.pack-title[b-wmq6vjf6ah] {
    margin: 0;
    font-size: 1.25rem;
    text-transform: uppercase;
}

.pack-body[b-wmq6vjf6ah] {
    padding: 15px;
    text-align: center;
}

.pack-price[b-wmq6vjf6ah] {
    margin-bottom: 20px;
}

.price-text[b-wmq6vjf6ah] {
    font-size: 2rem;
    font-weight: bold;
    color: #e74c3c;
}

.price-unit[b-wmq6vjf6ah] {
    font-size: 1rem;
    color: #555;
    vertical-align: super;
}

.sms-count[b-wmq6vjf6ah] {
    font-size: 1rem;
    color: #6c757d;
}

.pack-features[b-wmq6vjf6ah] {
    text-align: left;
    font-size: 0.9rem;
    color: #555;
}

    .pack-features li[b-wmq6vjf6ah] {
        margin-bottom: 10px;
        display: flex;
        align-items: center;
    }

    .pack-features i[b-wmq6vjf6ah] {
        margin-right: 8px;
        color: #007bff;
    }

.pack-footer[b-wmq6vjf6ah] {
    padding: 10px;
    border-top: 1px solid #ddd;
}

    .pack-footer .btn[b-wmq6vjf6ah] {
        font-size: 1rem;
        padding: 10px;
        border-radius: 5px;
    }

.decimal-part[b-wmq6vjf6ah] {
    top: -15px;
    font-size: 12px !important;
}

.integer-part[b-wmq6vjf6ah] {
    display: inline;
    font-size: 55px;
    font-weight: 700;
    color: #607afe;
    line-height: normal;
    margin-right: 10px;
}

.time[b-wmq6vjf6ah] {
    position: relative;
    font-style: italic;
    color: #888;
    margin-left: -14px;
}
/* _content/BulkSms_6/Components/Pages/MasterAdmin/GestionPack.razor.rz.scp.css */

/* Styles pour la section hero des fonctionnalités */
.features-hero[b-odkdno15si] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
}

.feature-item[b-odkdno15si] {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 15px;
    backdrop-filter: blur(10px);
}

/* Styles pour les packs promo */
.pack-card-promo[b-odkdno15si] {
    border-radius: 20px;
    transform: scale(1.02);
    transition: all 0.3s ease;
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);
}

    .pack-card-promo:hover[b-odkdno15si] {
        transform: scale(1.05);
        box-shadow: 0 20px 40px rgba(238, 90, 82, 0.3) !important;
    }

.promo-ribbon[b-odkdno15si] {
    position: absolute;
    top: 15px;
    right: -10px;
    background: #ffd700;
    color: #333;
    padding: 8px 20px;
    font-weight: bold;
    font-size: 14px;
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
    z-index: 10;
}

.pack-header-promo[b-odkdno15si] {
    background: transparent;
}

.old-price[b-odkdno15si] {
    margin-bottom: 10px;
}

.new-price[b-odkdno15si] {
    margin-bottom: 15px;
}

.pack-body-promo[b-odkdno15si] {
    background: white;
    color: #333;
}

.spec-item[b-odkdno15si] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}

/* Styles pour les packs standards */
.pack-card-standard[b-odkdno15si] {
    border-radius: 15px;
    transition: all 0.3s ease;
    background: white;
    display: flex;
    flex-direction: column;
}

    .pack-card-standard:hover[b-odkdno15si] {
        transform: translateY(-10px);
        box-shadow: 0 15px 35px rgba(0, 123, 255, 0.2) !important;
    }

.pack-header-standard[b-odkdno15si] {
    border-bottom: 2px solid #f8f9fa;
}

.pack-body-standard[b-odkdno15si] {
    flex-grow: 1;
}

.spec-item-standard[b-odkdno15si] {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    padding: 8px 0;
    border-bottom: 1px solid #f8f9fa;
    font-size: 14px;
}

    .spec-item-standard:last-child[b-odkdno15si] {
        border-bottom: none;
    }

.included-badge[b-odkdno15si] {
    border-top: 2px solid #28a745;
    padding-top: 15px;
}

/* Styles pour les packs inactifs */
.pack-card-inactive[b-odkdno15si] {
    background: #f8f9fa;
    border-radius: 10px;
}

/* Responsive */
@media (max-width: 768px) {
    .feature-item[b-odkdno15si] {
        margin-bottom: 15px;
    }

    .pack-card-promo[b-odkdno15si] {
        transform: none;
    }

        .pack-card-promo:hover[b-odkdno15si] {
            transform: none;
        }
}


/* _content/BulkSms_6/Components/Pages/MasterAdmin/MasterAdmin.razor.rz.scp.css */
/* Styles de base */
th[b-za616reus2] {
    font-size: 0.9rem;
    cursor: pointer;
    padding: 12px 8px;
    user-select: none;
    white-space: nowrap;
}

    th:hover[b-za616reus2] {
        background-color: rgba(0, 0, 0, 0.05);
    }

.th-content[b-za616reus2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.sort-icon[b-za616reus2] {
    font-size: 1rem;
    margin-left: 5px;
}

/* Badges */
.badge[b-za616reus2] {
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.85rem;
    font-weight: 500;
}

.badge-success[b-za616reus2] {
    background-color: #28a745;
    color: white;
}

.badge-danger[b-za616reus2] {
    background-color: #dc3545;
    color: white;
}

.badge-secondary[b-za616reus2] {
    background-color: #6c757d;
    color: white;
}

/* Table */
.table[b-za616reus2] {
    margin-bottom: 0;
}

.table-striped tbody tr:nth-of-type(odd)[b-za616reus2] {
    background-color: rgba(0, 0, 0, 0.02);
}

.table-hover tbody tr:hover[b-za616reus2] {
    background-color: rgba(0, 0, 0, 0.04);
}

.table-warning[b-za616reus2] {
    background-color: #fff3cd;
}

.table-responsive[b-za616reus2] {
    margin-top: 15px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Card */
.card[b-za616reus2] {
    border: none;
    border-radius: 8px;
}

.card-header[b-za616reus2] {
    background-color: var(--ma-couleur-principale, #007bff) !important;
    color: white;
    padding: 15px 20px;
    border-radius: 8px 8px 0 0 !important;
}

    .card-header h3[b-za616reus2] {
        margin: 0;
        font-size: 1.5rem;
    }

.card-body[b-za616reus2] {
    padding: 20px;
}

/* Boutons */
.btn-sm[b-za616reus2] {
    padding: 5px 12px;
    font-size: 0.875rem;
    margin: 2px;
    white-space: nowrap;
}

.btnAddUser[b-za616reus2] {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}

    .btnAddUser:hover[b-za616reus2] {
        border-color: #d6dde5;
        background-color: #f9f9f9;
    }

/* Actions */
.action-buttons[b-za616reus2] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
}

.actions-cell[b-za616reus2] {
    min-width: 280px;
}

/* Responsive Design - Tablette (768px - 1024px) */
@media (max-width: 1024px) {
    .card-header h3[b-za616reus2] {
        font-size: 1.3rem;
    }

    th[b-za616reus2] {
        font-size: 0.8rem;
        padding: 10px 6px;
    }

    .btn-sm[b-za616reus2] {
        padding: 4px 8px;
        font-size: 0.8rem;
    }

    .actions-cell[b-za616reus2] {
        min-width: 240px;
    }

    .action-buttons[b-za616reus2] {
        gap: 3px;
    }
}

/* Responsive Design - Mobile (max 767px) */
@media (max-width: 767px) {
    .card-header[b-za616reus2] {
        padding: 12px 15px;
    }

        .card-header h3[b-za616reus2] {
            font-size: 1.1rem;
        }

    .card-body[b-za616reus2] {
        padding: 15px;
    }

    /* Table responsive en mode carte */
    .table-responsive[b-za616reus2] {
        border: none;
    }

    .table thead[b-za616reus2] {
        display: none;
    }

    .table tbody tr[b-za616reus2] {
        display: block;
        margin-bottom: 15px;
        border: 1px solid #dee2e6;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 10px;
        background-color: white;
    }

        .table tbody tr:hover[b-za616reus2] {
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
        }

    .table tbody td[b-za616reus2] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 5px;
        border: none;
        border-bottom: 1px solid #f0f0f0;
        text-align: right;
    }

        .table tbody td:last-child[b-za616reus2] {
            border-bottom: none;
        }

        .table tbody td[b-za616reus2]::before {
            content: attr(data-label);
            font-weight: bold;
            text-align: left;
            flex: 1;
            padding-right: 10px;
            color: #333;
        }

        .table tbody td b[b-za616reus2] {
            font-size: 1rem;
        }

    /* Actions sur mobile */
    .actions-cell[b-za616reus2] {
        display: block !important;
        min-width: auto;
    }

    .action-buttons[b-za616reus2] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        width: 100%;
        margin-top: 10px;
    }

        .action-buttons .btn[b-za616reus2] {
            width: 100%;
            justify-content: center;
        }

    /* Boutons texte complet sur mobile */
    .btn-sm[b-za616reus2] {
        padding: 8px 10px;
        font-size: 0.75rem;
        white-space: normal;
        line-height: 1.2;
    }

    /* Badge responsive */
    .badge[b-za616reus2] {
        padding: 4px 8px;
        font-size: 0.8rem;
    }
}
/* Responsive Design - Très petit mobile (max 480px) */
@media (max-width: 480px) {
    .card-header h3[b-za616reus2] {
        font-size: 1rem;
    }

    .card-body[b-za616reus2] {
        padding: 10px;
    }

    .btn-success[b-za616reus2] {
        width: 100%;
        margin-bottom: 10px;
    }

    .action-buttons[b-za616reus2] {
        grid-template-columns: 1fr;
    }

    .table tbody td[b-za616reus2] {
        font-size: 0.9rem;
        padding: 8px 5px;
    }

        .table tbody td[b-za616reus2]::before {
            font-size: 0.85rem;
        }
}

/* Amélioration de l'affichage sur grands écrans */
@media (min-width: 1200px) {
    .card[b-za616reus2] {
        max-width: 100%;
    }

    .table[b-za616reus2] {
        font-size: 0.95rem;
    }

    th[b-za616reus2] {
        font-size: 0.95rem;
    }

    .actions-cell[b-za616reus2] {
        min-width: 320px;
    }
}

/* Print styles */
@media print {
    .btn[b-za616reus2] {
        display: none;
    }

    .card[b-za616reus2] {
        box-shadow: none;
        border: 1px solid #ddd;
    }

    .table[b-za616reus2] {
        font-size: 10pt;
    }
}
/* _content/BulkSms_6/Components/Pages/MasterAdmin/MasterAdminUsers.razor.rz.scp.css */
.badge-danger[b-gzsutj4eih] {
    background-color: #dc3545;
}

.badge-secondary[b-gzsutj4eih] {
    background-color: #6c757d;
}

.badge-success[b-gzsutj4eih] {
    background-color: #28a745;
}

.badge-danger[b-gzsutj4eih] {
    background-color: #dc3545;
}

.table-warning[b-gzsutj4eih] {
    background-color: #fff3cd;
}

.dropdown-menu[b-gzsutj4eih] {
    z-index: 1050 !important;
}

.table-responsive[b-gzsutj4eih] {
    margin-top: 15px;
    overflow: visible !important; /* Seulement si nécessaire */
}

.card-header[b-gzsutj4eih] {
    background-color: var(--ma-couleur-principale) !important;
    color: white;
}
/*.btnAddUser {
    background-color: #fff;
    
  
}*/

.btnAddUser[b-gzsutj4eih] {
    background-color: #fff;
    border-color: #ccc; /* Bordure par défaut */
}

    .btnAddUser:hover[b-gzsutj4eih] {
        border-color: #d6dde5; /* Bordure au survol */
        /*background-color: #f9f9f9;*/ /* Facultatif : couleur de fond au survol */
    }

.btnAddAdmin[b-gzsutj4eih] {
    background-color: #dc3545;
    border-color: #ccc; /* Bordure par défaut */
}

    .btnAddAdmin:hover[b-gzsutj4eih] {
        border-color: #ff6a00; /* Bordure au survol */
        /*background-color: #f9f9f9;*/ /* Facultatif : couleur de fond au survol */
    }

.btn-group .dropdown-menu[b-gzsutj4eih] {
    min-width: 200px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #dee2e6;
}

.dropdown-item:hover[b-gzsutj4eih] {
    background-color: #f8f9fa;
}

li[b-gzsutj4eih] {
    cursor: pointer;
}
/* _content/BulkSms_6/Components/Pages/MasterAdmin/MasterHistrorique.razor.rz.scp.css */
.badge-danger[b-sub56ebkio] {
    background-color: #dc3545;
}

.badge-secondary[b-sub56ebkio] {
    background-color: #6c757d;
}

.badge-success[b-sub56ebkio] {
    background-color: #28a745;
}

.badge-danger[b-sub56ebkio] {
    background-color: #dc3545;
}

.table-warning[b-sub56ebkio] {
    background-color: #fff3cd;
}

.table-responsive[b-sub56ebkio] {
    margin-top: 15px;
}

.card-header[b-sub56ebkio] {
    background-color: var(--ma-couleur-principale) !important;
    color: white;
}
/*.btnAddUser {
    background-color: #fff;
    
  
}*/

.btnAddUser[b-sub56ebkio] {
    background-color: #fff;
    border-color: #ccc; /* Bordure par défaut */
}

    .btnAddUser:hover[b-sub56ebkio] {
        border-color: #d6dde5; /* Bordure au survol */
        /*background-color: #f9f9f9;*/ /* Facultatif : couleur de fond au survol */
    }
/* _content/BulkSms_6/Components/Pages/MasterAdmin/MasterRecapAchat.razor.rz.scp.css */
.badge-danger[b-vgdh6gou85] {
    background-color: #dc3545;
}

.badge-secondary[b-vgdh6gou85] {
    background-color: #6c757d;
}

.badge-success[b-vgdh6gou85] {
    background-color: #28a745;
}

.badge-danger[b-vgdh6gou85] {
    background-color: #dc3545;
}

.table-warning[b-vgdh6gou85] {
    background-color: #fff3cd;
}

.table-responsive[b-vgdh6gou85] {
    margin-top: 15px;
}

.card-header[b-vgdh6gou85] {
    background-color: var(--ma-couleur-principale) !important;
    color: white;
}
/*.btnAddUser {
    background-color: #fff;
    
  
}*/

.btnAddUser[b-vgdh6gou85] {
    background-color: #fff;
    border-color: #ccc; /* Bordure par défaut */
}

    .btnAddUser:hover[b-vgdh6gou85] {
        border-color: #d6dde5; /* Bordure au survol */
        /*background-color: #f9f9f9;*/ /* Facultatif : couleur de fond au survol */
    }
/* _content/BulkSms_6/Components/Pages/MasterAdmin/MasterRecapSms.razor.rz.scp.css */

/* Responsive adjustments */
@media (max-width: 576px) {
    .container-fluid[b-li9js1tw6d] {
        padding-left: 8px;
        padding-right: 8px;
    }

    .card-body[b-li9js1tw6d] {
        padding: 0.75rem;
    }

    .btn[b-li9js1tw6d] {
        font-size: 0.875rem;
        padding: 0.375rem 0.75rem;
    }

    .form-control[b-li9js1tw6d], .form-select[b-li9js1tw6d] {
        font-size: 0.875rem;
    }

    .badge[b-li9js1tw6d] {
        font-size: 0.75rem;
    }

    .table th[b-li9js1tw6d], .table td[b-li9js1tw6d] {
        padding: 0.5rem 0.25rem;
        font-size: 0.875rem;
    }
}

@media (max-width: 768px) {
    .h5[b-li9js1tw6d] {
        font-size: 1.1rem;
    }

    .card-header h6[b-li9js1tw6d] {
        font-size: 0.9rem;
    }
}

/* Enhanced styles */
.card[b-li9js1tw6d] {
    border: none;
    border-radius: 12px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .card:hover[b-li9js1tw6d] {
        transform: translateY(-2px);
        box-shadow: 0 4px 25px rgba(0,0,0,0.1) !important;
    }

.table th[b-li9js1tw6d] {
    border-top: none;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.badge[b-li9js1tw6d] {
    font-size: 0.875rem;
    font-weight: 500;
}

.form-control[b-li9js1tw6d], .form-select[b-li9js1tw6d] {
    border-radius: 8px;
    border: 1px solid #dee2e6;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .form-control:focus[b-li9js1tw6d], .form-select:focus[b-li9js1tw6d] {
        border-color: #86b7fe;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

.btn[b-li9js1tw6d] {
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.2s ease;
}

    .btn:hover[b-li9js1tw6d] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

.table-responsive[b-li9js1tw6d] {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.sortable-header[b-li9js1tw6d] {
    user-select: none;
    transition: background-color 0.2s ease;
    position: relative;
}

    .sortable-header:hover[b-li9js1tw6d] {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .sortable-header i[b-li9js1tw6d] {
        opacity: 0.6;
        font-size: 0.8em;
        transition: opacity 0.2s ease;
    }

        .sortable-header i.fa-sort-up[b-li9js1tw6d],
        .sortable-header i.fa-sort-down[b-li9js1tw6d] {
            opacity: 1;
            color: #ffc107;
        }

.form-check-input:checked[b-li9js1tw6d] {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.form-check-label[b-li9js1tw6d] {
    cursor: pointer;
    font-weight: 500;
    transition: color 0.2s ease;
}

    .form-check-label:hover[b-li9js1tw6d] {
        color: #0d6efd;
    }

.card-header h6[b-li9js1tw6d] {
    color: #495057;
    font-weight: 600;
}

.table-info[b-li9js1tw6d] {
    background-color: rgba(13, 202, 240, 0.1) !important;
}

.table-primary[b-li9js1tw6d] {
    background-color: rgba(13, 110, 253, 0.1) !important;
}

/* Mobile card enhancements */
.card.mb-2[b-li9js1tw6d] {
    border-left: 4px solid #0d6efd;
    transition: all 0.2s ease;
}

    .card.mb-2:hover[b-li9js1tw6d] {
        border-left-color: #0d6efd;
        box-shadow: 0 2px 15px rgba(13, 110, 253, 0.2);
    }

.card.mb-3[b-li9js1tw6d] {
    border-top: 3px solid transparent;
    transition: all 0.2s ease;
}

    .card.mb-3:hover[b-li9js1tw6d] {
        border-top-color: #17a2b8;
        transform: translateY(-1px);
    }

/* Chart containers */
.card .card-body[b-li9js1tw6d] {
    position: relative;
}

/* Loading animation */
.spinner-border[b-li9js1tw6d] {
    animation: spinner-border .75s linear infinite;
}

/* Responsive text utilities */
@media (max-width: 576px) {
    .small-text-mobile[b-li9js1tw6d] {
        font-size: 0.75rem;
    }

    .hide-mobile[b-li9js1tw6d] {
        display: none !important;
    }
}

/* Enhanced badges */
.badge[b-li9js1tw6d] {
    border-radius: 6px;
    padding: 0.375em 0.75em;
}

/* Smooth transitions */
*[b-li9js1tw6d] {
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

/* Custom scrollbar for mobile */
@media (max-width: 768px) {
    .table-responsive[b-li9js1tw6d]::-webkit-scrollbar {
        height: 6px;
    }

    .table-responsive[b-li9js1tw6d]::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 3px;
    }

    .table-responsive[b-li9js1tw6d]::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 3px;
    }

        .table-responsive[b-li9js1tw6d]::-webkit-scrollbar-thumb:hover {
            background: #a8a8a8;
        }
}

/* Chart responsive adjustments */
@media (max-width: 768px) {
    #messagesChart[b-li9js1tw6d], #clientsChart[b-li9js1tw6d], #comparisonChart[b-li9js1tw6d], #flashSmsChart[b-li9js1tw6d] {
        height: 250px !important;
    }
}

@media (max-width: 576px) {
    #messagesChart[b-li9js1tw6d], #clientsChart[b-li9js1tw6d], #comparisonChart[b-li9js1tw6d], #flashSmsChart[b-li9js1tw6d] {
        height: 200px !important;
    }
}

/* Enhanced focus states */
.form-check-input:focus[b-li9js1tw6d] {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.btn:focus[b-li9js1tw6d] {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Animation classes */
.fade-in[b-li9js1tw6d] {
    animation: fadeIn-b-li9js1tw6d 0.3s ease-in;
}

@keyframes fadeIn-b-li9js1tw6d {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Card statistics hover effects */
.bg-info.text-white:hover[b-li9js1tw6d],
.bg-warning.text-white:hover[b-li9js1tw6d],
.bg-success.text-white:hover[b-li9js1tw6d],
.bg-secondary.text-white:hover[b-li9js1tw6d] {
    filter: brightness(1.1);
}

/* Mobile-specific improvements */
@media (max-width: 576px) {
    .row.g-2[b-li9js1tw6d] {
        --bs-gutter-x: 0.5rem;
        --bs-gutter-y: 0.5rem;
    }

    .gap-2[b-li9js1tw6d] {
        gap: 0.5rem !important;
    }

    .mb-3[b-li9js1tw6d] {
        margin-bottom: 0.75rem !important;
    }

    .py-5[b-li9js1tw6d] {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

/* Print styles */
@media print {
    .btn[b-li9js1tw6d], .form-control[b-li9js1tw6d], .form-select[b-li9js1tw6d], .form-check[b-li9js1tw6d] {
        display: none !important;
    }

    .card[b-li9js1tw6d] {
        box-shadow: none !important;
        border: 1px solid #dee2e6 !important;
    }

    .table[b-li9js1tw6d] {
        font-size: 0.8rem;
    }

    .badge[b-li9js1tw6d] {
        border: 1px solid #000;
        color: #000 !important;
        background-color: transparent !important;
    }
}

/* Dark mode support (if needed) */
@media (prefers-color-scheme: dark) {
    .card[b-li9js1tw6d] {
        background-color: #2d3748;
        color: #e2e8f0;
    }

    .form-control[b-li9js1tw6d], .form-select[b-li9js1tw6d] {
        background-color: #4a5568;
        border-color: #718096;
        color: #e2e8f0;
    }

    .table-striped > tbody > tr:nth-of-type(odd) > td[b-li9js1tw6d] {
        background-color: rgba(255, 255, 255, 0.05);
    }
}

/* Additional responsive utilities */
.text-truncate-mobile[b-li9js1tw6d] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .text-truncate-mobile[b-li9js1tw6d] {
        max-width: 100px;
    }
}

/* Custom button styles */
.btn-outline-primary:hover[b-li9js1tw6d] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3);
}

.btn-outline-success:hover[b-li9js1tw6d] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(25, 135, 84, 0.3);
}

.btn-outline-info:hover[b-li9js1tw6d] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(13, 202, 240, 0.3);
}

/* Table row hover effect */
.table-hover tbody tr:hover[b-li9js1tw6d] {
    background-color: rgba(13, 110, 253, 0.05);
    transform: scale(1.001);
    transition: all 0.2s ease;
}

/* Custom card shadows */
.shadow-sm[b-li9js1tw6d] {
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.075) !important;
}

.shadow[b-li9js1tw6d] {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* Progress bar styles (if needed) */
.progress[b-li9js1tw6d] {
    border-radius: 10px;
    height: 8px;
}

.progress-bar[b-li9js1tw6d] {
    border-radius: 10px;
}

/* Loading states */
.loading-overlay[b-li9js1tw6d] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

/* Tooltip enhancements */
.tooltip-inner[b-li9js1tw6d] {
    border-radius: 8px;
    font-size: 0.875rem;
}

/* Custom alerts */
.alert[b-li9js1tw6d] {
    border-radius: 10px;
    border: none;
}

.alert-info[b-li9js1tw6d] {
    background-color: rgba(13, 202, 240, 0.1);
    color: #055160;
}

.alert-warning[b-li9js1tw6d] {
    background-color: rgba(255, 193, 7, 0.1);
    color: #664d03;
}

.alert-success[b-li9js1tw6d] {
    background-color: rgba(25, 135, 84, 0.1);
    color: #0f5132;
}

/* Custom spacing utilities */
.spacing-sm[b-li9js1tw6d] {
    margin: 0.5rem;
}

.spacing-md[b-li9js1tw6d] {
    margin: 1rem;
}

.spacing-lg[b-li9js1tw6d] {
    margin: 1.5rem;
}

/* Custom border radius */
.rounded-xl[b-li9js1tw6d] {
    border-radius: 1rem !important;
}

.rounded-xxl[b-li9js1tw6d] {
    border-radius: 1.5rem !important;
}
/* _content/BulkSms_6/Components/Pages/PredefinedMessages/Messages_Nationaux.razor.rz.scp.css */
.page-header[b-r3xammyvvm] {
    background-color: var(--ma-couleur-principale) !important;
}

.label-danger[b-r3xammyvvm] {
    background-color: orangered;
    color: black;
}

.label-green[b-r3xammyvvm] {
    background-color: darkgreen;
    color: #fff;
}

.label-warning[b-r3xammyvvm] {
    background-color: #ffa707;
    color: black;
}


.label[b-r3xammyvvm] {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    /*color: #fff;*/
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.help[b-r3xammyvvm] {
    font-size: 11px;
    color: #999;
}

.helpNbr[b-r3xammyvvm] {
    font-size: 11px;
    color: #1763ef;
}

.message[b-r3xammyvvm] {
    border: 5px solid rgba(0, 0, 0, 0.07);
    font-size: 14px;
    font-weight: bold;
}



/* _content/BulkSms_6/Components/Pages/PredefinedMessages/PredefinedMessages.razor.rz.scp.css */



/* Styles pour améliorer l'apparence */


.page-header[b-t4by3f6gyg] {
    background-color: var(--ma-couleur-principale) !important;
}


.avatar-circle[b-t4by3f6gyg] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.message-content[b-t4by3f6gyg] {
    white-space: pre-wrap;
    word-break: break-word;
    background-color: #f8f9fa;
    padding: 0.75rem;
    border-radius: 0.25rem;
    font-size: 0.9rem;
    max-height: 120px;
    overflow-y: auto;
}

/* Assurer la responsivité des tableaux */
@media (max-width: 767.98px) {
    .table td[b-t4by3f6gyg] {
        padding: 0.75rem;
    }

    .message-content[b-t4by3f6gyg] {
        max-height: 80px;
    }
}
/* _content/BulkSms_6/Components/Pages/PredefinedMessages/PredefinedMessEvenement.razor.rz.scp.css */
.bg-gradient-primary[b-2r8sclbybs] {
    background: linear-gradient(135deg, #007bff, #0056b3);
}

.bg-gradient-light[b-2r8sclbybs] {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
}

.message-preview[b-2r8sclbybs] {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: 8px;
    min-height: 80px;
    border: 1px solid #dee2e6;
    font-family: 'Segoe UI', system-ui, sans-serif;
    line-height: 1.5;
}

.form-control-lg[b-2r8sclbybs] {
    border-radius: 8px;
}

.card[b-2r8sclbybs] {
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.border-end[b-2r8sclbybs] {
    border-right: 1px solid #dee2e6 !important;
}

@media (max-width: 768px) {
    .border-end[b-2r8sclbybs] {
        border-right: none !important;
        border-bottom: 1px solid #dee2e6 !important;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
    }
}

.btn-outline-primary:hover[b-2r8sclbybs] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,123,255,0.3);
}


.hover-shadow[b-2r8sclbybs] {
    transition: box-shadow 0.3s ease;
}

    .hover-shadow:hover[b-2r8sclbybs] {
        box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    }

.text-truncate-3[b-2r8sclbybs] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.message-preview[b-2r8sclbybs] {
    max-height: 100px;
    overflow-y: auto;
}
/* _content/BulkSms_6/Components/Pages/PredefinedMessages/PredefinedMessModels.razor.rz.scp.css */
.model-list[b-kclgcls9wo] {
    max-height: 600px;
    overflow-y: auto;
}

.category-section[b-kclgcls9wo] {
    margin-bottom: 20px;
}

.category-title-main[b-kclgcls9wo] {
    padding: 12px 15px;
    background: #f8f9fa;
    border-left: 4px solid #007bff;
    margin-bottom: 5px;
}

.category-badge[b-kclgcls9wo] {
    font-size: 0.95em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 8px 12px;
}

.model-item-sub[b-kclgcls9wo] {
    padding: 12px 15px 12px 35px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    transition: all 0.3s ease;
    background: white;
    position: relative;
}

    .model-item-sub[b-kclgcls9wo]:before {
        content: "•";
        position: absolute;
        left: 20px;
        top: 12px;
        color: #6c757d;
        font-weight: bold;
    }

    .model-item-sub:hover[b-kclgcls9wo] {
        background-color: #f8f9fa;
        border-left: 3px solid #007bff;
        padding-left: 32px;
    }

    .model-item-sub.selected[b-kclgcls9wo] {
        background-color: #e3f2fd;
        border-left: 3px solid #2196f3;
        padding-left: 32px;
    }

    .model-item-sub:last-child[b-kclgcls9wo] {
        border-bottom: none;
        margin-bottom: 10px;
    }

.model-title-sub[b-kclgcls9wo] {
    font-weight: 500;
    color: #333;
    font-size: 1em;
    line-height: 1.4;
}

.message-content[b-kclgcls9wo] {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 15px;
    margin: 10px 0;
    line-height: 1.5;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.plain-message[b-kclgcls9wo] {
    border-left: 4px solid #007bff;
}

.unicode-message[b-kclgcls9wo] {
    border-left: 4px solid #28a745;
    text-align: right;
    direction: rtl;
}

.border-dashed[b-kclgcls9wo] {
    border: 2px dashed #dee2e6 !important;
}

.border-left-info[b-kclgcls9wo] {
    border-left: 4px solid #17a2b8 !important;
}

.message-section[b-kclgcls9wo] {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
}

.model-selector-container[b-kclgcls9wo] {
    min-height: 70vh;
}

.filter-section[b-kclgcls9wo] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 15px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    color: white;
}

.model-list[b-kclgcls9wo] {
    max-height: 60vh;
    overflow-y: auto;
    border-radius: 10px;
}

.category-section[b-kclgcls9wo] {
    margin-bottom: 0.5rem;
}

.category-title-main[b-kclgcls9wo] {
    padding: 0.75rem 1rem;
    background: linear-gradient(90deg, #f8f9fa, #e9ecef);
    border-left: 4px solid var(--bs-primary);
    margin-bottom: 0.5rem;
    border-radius: 0 8px 8px 0;
}

.category-badge[b-kclgcls9wo] {
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.model-item-sub[b-kclgcls9wo] {
    padding: 1rem 1.5rem;
    margin: 0.25rem 0;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 8px;
    border-left: 3px solid transparent;
    background: white;
}

    .model-item-sub:hover[b-kclgcls9wo] {
        background: linear-gradient(90deg, #f8f9fa, #ffffff);
        border-left-color: var(--bs-info);
        transform: translateX(5px);
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

    .model-item-sub.selected[b-kclgcls9wo] {
        background: linear-gradient(90deg, #e3f2fd, #f0f8ff);
        border-left-color: var(--bs-primary);
        box-shadow: 0 4px 12px rgba(33, 150, 243, 0.2);
    }

.model-title-sub[b-kclgcls9wo] {
    font-weight: 500;
    color: #2c3e50;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .model-title-sub[b-kclgcls9wo]::before {
        content: '📄';
        font-size: 1.1rem;
    }

.preview-card[b-kclgcls9wo] {
    border: none;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    overflow: hidden;
}

.preview-header[b-kclgcls9wo] {
    background: linear-gradient(135deg, #17a2b8, #138496);
    padding: 1.5rem;
    position: relative;
}

    .preview-header[b-kclgcls9wo]::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, #fff, transparent, #fff);
    }

.message-section[b-kclgcls9wo] {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border-left: 4px solid #17a2b8;
}

.message-content[b-kclgcls9wo] {
    background: white;
    padding: 1.25rem;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    margin: 1rem 0;
    font-family: 'Segoe UI', system-ui, sans-serif;
    line-height: 1.6;
}

.plain-message[b-kclgcls9wo] {
    direction: ltr;
    text-align: left;
}

.unicode-message[b-kclgcls9wo] {
    direction: rtl;
    text-align: right;
    font-family: 'Amiri', 'Traditional Arabic', serif;
}

.advice-section[b-kclgcls9wo] {
    background: linear-gradient(135deg, #fff3cd, #ffeaa7);
    border: none;
    border-radius: 12px;
    padding: 1.5rem;
    border-left: 5px solid #ffc107;
}

.empty-state[b-kclgcls9wo] {
    padding: 3rem 2rem;
    text-align: center;
    color: #6c757d;
}

    .empty-state i[b-kclgcls9wo] {
        color: #dee2e6;
        margin-bottom: 1rem;
    }

.action-button[b-kclgcls9wo] {
    background: linear-gradient(135deg, #28a745, #20c997);
    border: none;
    border-radius: 25px;
    padding: 1rem 3rem;
    font-weight: 600;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
}

    .action-button:hover[b-kclgcls9wo] {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(40, 167, 69, 0.4);
    }

.stats-badge[b-kclgcls9wo] {
    background: rgba(255,255,255,0.2);
    color: white;
    border-radius: 15px;
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.no-models-state[b-kclgcls9wo] {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    border-radius: 15px;
    border: 2px dashed #dee2e6;
}
/* _content/BulkSms_6/Components/Pages/SendSms/BulkPerso.razor.rz.scp.css */
/* Variables CSS pour la cohérence */
:root[b-b0hal2gsny] {
    --ma-couleur-principale: #2351a3;
    --couleur-secondaire: #1763ef;
    --couleur-succes: #28a745;
    --couleur-danger: #dc3545;
    --couleur-warning: #ffc107;
    --couleur-info: #17a2b8;
    --couleur-gris: #999;
    --couleur-gris-clair: #f8f9fa;
    --border-radius: 8px;
    --box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Header card responsive */
.card-header[b-b0hal2gsny] {
    background-color: var(--ma-couleur-principale) !important;
    border-radius: var(--border-radius);
    padding: 15px 20px;
    margin-bottom: 24px;
}

/* Layout responsive du header */
.header-content[b-b0hal2gsny] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.header-title[b-b0hal2gsny] {
    display: flex;
    align-items: center;
    color: white;
}

    .header-title h5[b-b0hal2gsny] {
        color: white !important;
        margin: 0;
        font-size: 16px;
        font-weight: 600;
        display: flex;
        align-items: center;
    }

    .header-title .bi-people-fill[b-b0hal2gsny] {
        font-size: 18px;
        margin-right: 8px;
    }

    .header-title .bi-info-circle-fill[b-b0hal2gsny] {
        font-size: 20px;
        margin-left: 12px;
        cursor: pointer;
        transition: opacity 0.3s ease;
    }

        .header-title .bi-info-circle-fill:hover[b-b0hal2gsny] {
            opacity: 0.8;
        }

/* Boutons du header - Style selon vos images */
.header-buttons[b-b0hal2gsny] {
    display: flex;
    gap: 8px;
    align-items: center;
}

    .header-buttons .btn[b-b0hal2gsny] {
        background-color: transparent;
        border: 1px solid rgba(255, 255, 255, 0.5);
        color: white;
        font-size: 13px;
        font-weight: 500;
        padding: 8px 16px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        gap: 6px;
        transition: all 0.3s ease;
        white-space: nowrap;
    }

        .header-buttons .btn:hover[b-b0hal2gsny] {
            background-color: rgba(255, 255, 255, 0.1);
            border-color: rgba(255, 255, 255, 0.8);
            color: white;
        }

        .header-buttons .btn i[b-b0hal2gsny] {
            font-size: 14px;
        }

/* Boutons outline-light pour header */
.btn.btn-outline-light[b-b0hal2gsny] {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: white;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
    white-space: nowrap;
}

    .btn.btn-outline-light:hover[b-b0hal2gsny] {
        background-color: rgba(255, 255, 255, 0.1);
        border-color: rgba(255, 255, 255, 0.8);
        color: white;
    }

    .btn.btn-outline-light i[b-b0hal2gsny] {
        font-size: 14px;
    }

/* Formulaire personnalisé responsive */
.FormBulkPerso[b-b0hal2gsny] {
    background-color: #fff !important;
    color: black;
    border-radius: var(--border-radius);
    padding: 15px;
    box-shadow: var(--box-shadow);
}

/* Cards principales */
.card-body[b-b0hal2gsny] {
    padding: 1.5rem;
}

/* Form floating responsive */
.form-floating[b-b0hal2gsny] {
    position: relative;
}

    .form-floating > .form-control[b-b0hal2gsny],
    .form-floating > .form-select[b-b0hal2gsny] {
        height: calc(3.5rem + 2px);
        padding: 1rem 0.75rem;
    }

    .form-floating > label[b-b0hal2gsny] {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        padding: 1rem 0.75rem;
        pointer-events: none;
        border: 1px solid transparent;
        transform-origin: 0 0;
        transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
        color: var(--couleur-gris);
    }

/* Étiquettes responsive */
.label[b-b0hal2gsny] {
    display: inline-block;
    padding: 0.3em 0.8em;
    font-size: 80%;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    margin: 0.2rem;
}

.label-danger[b-b0hal2gsny] {
    background-color: #ff5c5c;
    color: white;
}

.label-green[b-b0hal2gsny] {
    background-color: var(--couleur-succes);
    color: white;
}

.label-warning[b-b0hal2gsny] {
    background-color: var(--couleur-warning);
    color: black;
}

/* Aides et messages */
.help[b-b0hal2gsny] {
    font-size: 0.9em;
    color: #666;
    line-height: 1.4;
}

.helpNbr[b-b0hal2gsny] {
    font-size: 0.9em;
    color: #007bff;
    font-weight: 500;
}

/* Zones de texte responsive */
.message[b-b0hal2gsny] {
    border: 2px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    padding: 10px;
    word-wrap: break-word;
}

/* Spinner et modals déjà définis... */
/*.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 1rem;
}*/

.spinner-card[b-b0hal2gsny] {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
}

.spinner[b-b0hal2gsny] {
    border: 6px solid #f3f3f3;
    border-top: 6px solid #007bff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin-b-b0hal2gsny 1s linear infinite;
    margin-bottom: 15px;
}

.spinner-text[b-b0hal2gsny] {
    font-size: 1em;
    font-weight: bold;
    color: #555;
}

@keyframes spin-b-b0hal2gsny {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Boutons généraux responsive */
button.btn[b-b0hal2gsny] {
    font-size: 0.95em;
    border-radius: 5px;
    transition: all 0.3s ease;
}

    button.btn[dir="rtl"][b-b0hal2gsny] {
        direction: rtl;
    }

    button.btn:hover[b-b0hal2gsny] {
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

/* Champs de formulaire responsive */
input[type="datetime-local"][b-b0hal2gsny],
select.form-select[b-b0hal2gsny],
.form-control[b-b0hal2gsny] {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 8px;
    font-size: 1em;
    width: 100%;
    transition: border-color 0.3s ease;
}

    input[type="datetime-local"]:focus[b-b0hal2gsny],
    select.form-select:focus[b-b0hal2gsny],
    .form-control:focus[b-b0hal2gsny] {
        border-color: #007bff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
        outline: none;
    }

/* Cards de description responsive */
.card.border-0.shadow-sm.rounded-3[b-b0hal2gsny] {
    border: none !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
    margin-bottom: 1.5rem;
}

.card-body.bg-light[b-b0hal2gsny] {
    background-color: var(--couleur-gris-clair) !important;
    padding: 1.5rem;
}

.card-body h5.fw-bold.text-primary[b-b0hal2gsny] {
    font-weight: 700 !important;
    color: var(--ma-couleur-principale) !important;
    margin-bottom: 1rem;
}

.list-group-item.bg-transparent[b-b0hal2gsny] {
    background-color: transparent !important;
    border: none;
    padding: 0.75rem 0;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.badge.bg-success.rounded-circle[b-b0hal2gsny] {
    background-color: var(--couleur-succes) !important;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    flex-shrink: 0;
}

/* Alertes responsive */
.alert[b-b0hal2gsny] {
    border-radius: var(--border-radius);
    padding: 1rem;
    margin: 1rem 0;
    box-shadow: var(--box-shadow);
}

    .alert .bi[b-b0hal2gsny] {
        font-size: 1.25rem;
    }

/* Media queries pour la responsivité */

/* Tablettes (768px et moins) */
@media (max-width: 768px) {
    .card-header[b-b0hal2gsny] {
        padding: 12px 15px;
    }

    .header-content[b-b0hal2gsny] {
        flex-direction: column;
        gap: 15px;
        align-items: stretch;
    }

    .header-title[b-b0hal2gsny] {
        justify-content: center;
        width: 100%;
    }

    .FormBulkPerso[b-b0hal2gsny] {
        padding: 12px;
    }

    .card-body[b-b0hal2gsny] {
        padding: 1rem;
    }

    .spinner-card[b-b0hal2gsny] {
        width: 90%;
        max-width: 280px;
    }

    /* Formulaire sur tablette */
    .d-flex.gap-2[b-b0hal2gsny] {
        flex-direction: column;
        gap: 1rem !important;
    }

    .flex-shrink-0[b-b0hal2gsny] {
        flex-shrink: 1 !important;
        width: 100%;
    }
}

/* Mobiles (576px et moins) */
@media (max-width: 576px) {
    .card-header[b-b0hal2gsny] {
        padding: 10px 12px;
        margin-bottom: 20px;
    }

    .header-title h5[b-b0hal2gsny] {
        font-size: 14px;
    }

    .header-title .bi-people-fill[b-b0hal2gsny] {
        font-size: 16px;
        margin-right: 6px;
    }

    .header-title .bi-info-circle-fill[b-b0hal2gsny] {
        font-size: 18px;
        margin-left: 10px;
    }

    .btn.btn-outline-light[b-b0hal2gsny] {
        font-size: 12px;
        padding: 8px 12px;
    }

        .btn.btn-outline-light i[b-b0hal2gsny] {
            font-size: 12px;
        }

    .FormBulkPerso[b-b0hal2gsny] {
        padding: 10px;
        margin: 0.5rem;
    }

    .card-body[b-b0hal2gsny] {
        padding: 0.75rem;
    }

        .card-body.bg-light[b-b0hal2gsny] {
            padding: 1rem;
        }

    .list-group-item.bg-transparent[b-b0hal2gsny] {
        padding: 0.5rem 0;
        font-size: 0.875rem;
    }

    .badge.bg-success.rounded-circle[b-b0hal2gsny] {
        width: 20px;
        height: 20px;
    }

    .spinner-card[b-b0hal2gsny] {
        width: 95%;
        max-width: 260px;
        padding: 15px;
    }

    .spinner[b-b0hal2gsny] {
        width: 40px;
        height: 40px;
        border-width: 4px;
    }

    .spinner-text[b-b0hal2gsny] {
        font-size: 0.9em;
    }

    /* Formulaires sur mobile */
    .form-floating > .form-control[b-b0hal2gsny],
    .form-floating > .form-select[b-b0hal2gsny] {
        height: calc(3rem + 2px);
        padding: 0.75rem;
        font-size: 0.9rem;
    }

    .form-floating > label[b-b0hal2gsny] {
        padding: 0.75rem;
        font-size: 0.85rem;
    }

    .btn-lg[b-b0hal2gsny] {
        font-size: 0.9rem;
        padding: 0.75rem 1rem;
    }

    /* Alertes sur mobile */
    .alert[b-b0hal2gsny] {
        padding: 0.75rem;
        font-size: 0.875rem;
    }

    .help[b-b0hal2gsny] {
        font-size: 0.8em;
    }

    .helpNbr[b-b0hal2gsny] {
        font-size: 0.8em;
    }

    .message[b-b0hal2gsny] {
        font-size: 13px;
        padding: 8px;
    }

    .label[b-b0hal2gsny] {
        font-size: 75%;
        padding: 0.25em 0.6em;
    }
}

/* Très petits écrans (480px et moins) */
@media (max-width: 480px) {
    .card-header[b-b0hal2gsny] {
        padding: 8px 10px;
    }

    .header-title h5[b-b0hal2gsny] {
        font-size: 13px;
    }

    .btn.btn-outline-light[b-b0hal2gsny] {
        font-size: 11px;
        padding: 6px 10px;
    }

    .FormBulkPerso[b-b0hal2gsny] {
        padding: 8px;
    }

    .card-body[b-b0hal2gsny] {
        padding: 0.5rem;
    }

        .card-body.bg-light[b-b0hal2gsny] {
            padding: 0.75rem;
        }

    .spinner-card[b-b0hal2gsny] {
        padding: 12px;
        min-width: 200px;
    }

    .form-floating > .form-control[b-b0hal2gsny],
    .form-floating > .form-select[b-b0hal2gsny] {
        height: calc(2.75rem + 2px);
        padding: 0.6rem;
        font-size: 0.85rem;
    }

    .form-floating > label[b-b0hal2gsny] {
        padding: 0.6rem;
        font-size: 0.8rem;
    }

    .btn-lg[b-b0hal2gsny] {
        font-size: 0.8rem;
        padding: 0.6rem 0.8rem;
    }

    input[type="datetime-local"][b-b0hal2gsny],
    select.form-select[b-b0hal2gsny],
    .form-control[b-b0hal2gsny] {
        padding: 6px;
        font-size: 0.85rem;
    }
}

/* Améliorations pour l'accessibilité */
@media (prefers-reduced-motion: reduce) {
    *[b-b0hal2gsny] {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Mode sombre (optionnel) */
@media (prefers-color-scheme: dark) {
    :root[b-b0hal2gsny] {
        --couleur-gris-clair: #2d3748;
        --couleur-gris: #a0aec0;
    }

    .FormBulkPerso[b-b0hal2gsny] {
        background-color: #1a202c !important;
        color: #e2e8f0;
    }

    .card-body.bg-light[b-b0hal2gsny] {
        background-color: #2d3748 !important;
        color: #e2e8f0;
    }

    .card-body[b-b0hal2gsny] {
        background-color: #1a202c;
        color: #e2e8f0;
    }

    .form-control[b-b0hal2gsny],
    .form-select[b-b0hal2gsny] {
        background-color: #2d3748;
        color: #e2e8f0;
        border-color: #4a5568;
    }
}

--couleur-succes: #28a745;
--couleur-danger: #dc3545;
--couleur-warning: #ffc107;
--couleur-info: #17a2b8;
--couleur-gris: #999;
--couleur-gris-clair: #f8f9fa;
--border-radius: 8px;
--box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);[b-b0hal2gsny]
}

/* Header card responsive */
.card-header[b-b0hal2gsny] {
    background-color: var(--ma-couleur-principale) !important;
    border-radius: var(--border-radius);
    padding: 15px 20px;
    margin-bottom: 24px;
}

/* Layout responsive du header */
.header-content[b-b0hal2gsny] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.header-title[b-b0hal2gsny] {
    display: flex;
    align-items: center;
    color: white;
}

    .header-title h5[b-b0hal2gsny] {
        color: white !important;
        margin: 0;
        font-size: 16px;
        font-weight: 600;
        display: flex;
        align-items: center;
    }

    .header-title .bi-people-fill[b-b0hal2gsny] {
        font-size: 18px;
        margin-right: 8px;
    }

    .header-title .bi-info-circle-fill[b-b0hal2gsny] {
        font-size: 20px;
        margin-left: 12px;
        cursor: pointer;
        transition: opacity 0.3s ease;
    }

        .header-title .bi-info-circle-fill:hover[b-b0hal2gsny] {
            opacity: 0.8;
        }

/* Boutons du header - Style selon vos images */
.header-buttons[b-b0hal2gsny] {
    display: flex;
    gap: 8px;
    align-items: center;
}

    .header-buttons .btn[b-b0hal2gsny] {
        background-color: transparent;
        border: 1px solid rgba(255, 255, 255, 0.5);
        color: white;
        font-size: 13px;
        font-weight: 500;
        padding: 8px 16px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        gap: 6px;
        transition: all 0.3s ease;
        white-space: nowrap;
    }

        .header-buttons .btn:hover[b-b0hal2gsny] {
            background-color: rgba(255, 255, 255, 0.1);
            border-color: rgba(255, 255, 255, 0.8);
            color: white;
        }

        .header-buttons .btn i[b-b0hal2gsny] {
            font-size: 14px;
        }

/* Formulaire personnalisé responsive */
.FormBulkPerso[b-b0hal2gsny] {
    background-color: #fff !important;
    color: black;
    border-radius: var(--border-radius);
    padding: 15px;
    box-shadow: var(--box-shadow);
}

/* Étiquettes responsive */
.label[b-b0hal2gsny] {
    display: inline-block;
    padding: 0.3em 0.8em;
    font-size: 80%;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    margin: 0.2rem;
}

.label-danger[b-b0hal2gsny] {
    background-color: #ff5c5c;
    color: white;
}

.label-green[b-b0hal2gsny] {
    background-color: var(--couleur-succes);
    color: white;
}

.label-warning[b-b0hal2gsny] {
    background-color: var(--couleur-warning);
    color: black;
}

/* Aides et messages */
.help[b-b0hal2gsny] {
    font-size: 0.9em;
    color: #666;
    line-height: 1.4;
}

.helpNbr[b-b0hal2gsny] {
    font-size: 0.9em;
    color: #007bff;
    font-weight: 500;
}

/* Zones de texte responsive */
.message[b-b0hal2gsny] {
    border: 2px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    padding: 10px;
    word-wrap: break-word;
}

/* Overlay de chargement responsive */
/*.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
    padding: 1rem;
}*/

.spinner-card[b-b0hal2gsny] {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 300px;
    min-width: 250px;
}

.spinner[b-b0hal2gsny] {
    border: 6px solid #f3f3f3;
    border-top: 6px solid #007bff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin-b-b0hal2gsny 1s linear infinite;
    margin-bottom: 15px;
}

.spinner-text[b-b0hal2gsny] {
    font-size: 1em;
    font-weight: bold;
    color: #555;
}

@keyframes spin-b-b0hal2gsny {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Pieds de modal responsive */
.modal-footer button[b-b0hal2gsny] {
    width: 100%;
    margin: 0.25rem 0;
}

/* Contenu du modal responsive */
.modal-body .text-success[b-b0hal2gsny] {
    font-size: 1.1em;
}

.modal-body .text-danger[b-b0hal2gsny],
.modal-body .text-warning[b-b0hal2gsny] {
    font-size: 1em;
    text-align: left;
}

.modal-body[dir="rtl"] .text-danger[b-b0hal2gsny],
.modal-body[dir="rtl"] .text-warning[b-b0hal2gsny] {
    text-align: right;
}

/* Boutons généraux responsive */
button.btn[b-b0hal2gsny] {
    font-size: 0.95em;
    border-radius: 5px;
    transition: all 0.3s ease;
}

    button.btn[dir="rtl"][b-b0hal2gsny] {
        direction: rtl;
    }

    button.btn:hover[b-b0hal2gsny] {
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

/* Icônes responsive */
.text-success i[b-b0hal2gsny],
.text-danger i[b-b0hal2gsny],
.text-warning i[b-b0hal2gsny] {
    margin-right: 5px;
    font-size: 1.2em;
}

/* Champs de formulaire responsive */
input[type="datetime-local"][b-b0hal2gsny],
select.form-select[b-b0hal2gsny] {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 8px;
    font-size: 1em;
    width: 100%;
    transition: border-color 0.3s ease;
}

    input[type="datetime-local"]:focus[b-b0hal2gsny],
    select.form-select:focus[b-b0hal2gsny] {
        border-color: #007bff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
        outline: none;
    }

/* Cards de description responsive */
.card.border-0.shadow-sm.rounded-3[b-b0hal2gsny] {
    border: none !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
    margin-bottom: 1.5rem;
}

.card-body.bg-light[b-b0hal2gsny] {
    background-color: var(--couleur-gris-clair) !important;
    padding: 1.5rem;
}

.card-body h5.fw-bold.text-primary[b-b0hal2gsny] {
    font-weight: 700 !important;
    color: var(--ma-couleur-principale) !important;
    margin-bottom: 1rem;
}

.list-group-item.bg-transparent[b-b0hal2gsny] {
    background-color: transparent !important;
    border: none;
    padding: 0.75rem 0;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.badge.bg-success.rounded-circle[b-b0hal2gsny] {
    background-color: var(--couleur-succes) !important;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    flex-shrink: 0;
}

/* Alertes responsive */
.alert[b-b0hal2gsny] {
    border-radius: var(--border-radius);
    padding: 1rem;
    margin: 1rem 0;
    box-shadow: var(--box-shadow);
}

    .alert .bi[b-b0hal2gsny] {
        font-size: 1.25rem;
    }

/* Media queries pour la responsivité */

/* Tablettes (768px et moins) */
@media (max-width: 768px) {
    .card-header[b-b0hal2gsny] {
        padding: 12px 15px;
    }

    .header-content[b-b0hal2gsny] {
        flex-direction: column;
        gap: 15px;
        align-items: stretch;
    }

    .header-title[b-b0hal2gsny] {
        justify-content: center;
        width: 100%;
    }

    .FormBulkPerso[b-b0hal2gsny] {
        padding: 12px;
    }

    .modal-footer button[b-b0hal2gsny] {
        width: 48%;
        margin: 0 1%;
    }

    .spinner-card[b-b0hal2gsny] {
        width: 90%;
        max-width: 280px;
    }
}

/* Mobiles (576px et moins) */
@media (max-width: 576px) {
    .card-header[b-b0hal2gsny] {
        padding: 10px 12px;
        margin-bottom: 20px;
    }

    .header-title h5[b-b0hal2gsny] {
        font-size: 14px;
    }

    .header-title .bi-people-fill[b-b0hal2gsny] {
        font-size: 16px;
        margin-right: 6px;
    }

    .header-title .bi-info-circle-fill[b-b0hal2gsny] {
        font-size: 18px;
        margin-left: 10px;
    }

    .FormBulkPerso[b-b0hal2gsny] {
        padding: 10px;
        margin: 0.5rem;
    }

    .card-body.bg-light[b-b0hal2gsny] {
        padding: 1rem;
    }

    .list-group-item.bg-transparent[b-b0hal2gsny] {
        padding: 0.5rem 0;
        font-size: 0.875rem;
    }

    .badge.bg-success.rounded-circle[b-b0hal2gsny] {
        width: 20px;
        height: 20px;
    }

    .modal-footer button[b-b0hal2gsny] {
        width: 100%;
        margin: 0.25rem 0;
    }

    .spinner-card[b-b0hal2gsny] {
        width: 95%;
        max-width: 260px;
        padding: 15px;
    }

    .spinner[b-b0hal2gsny] {
        width: 40px;
        height: 40px;
        border-width: 4px;
    }

    .spinner-text[b-b0hal2gsny] {
        font-size: 0.9em;
    }

    .help[b-b0hal2gsny] {
        font-size: 0.8em;
    }

    .helpNbr[b-b0hal2gsny] {
        font-size: 0.8em;
    }

    .message[b-b0hal2gsny] {
        font-size: 13px;
        padding: 8px;
    }

    .label[b-b0hal2gsny] {
        font-size: 75%;
        padding: 0.25em 0.6em;
    }
}

/* Très petits écrans (480px et moins) */
@media (max-width: 480px) {
    .card-header[b-b0hal2gsny] {
        padding: 8px 10px;
    }

    .header-title h5[b-b0hal2gsny] {
        font-size: 13px;
    }

    .FormBulkPerso[b-b0hal2gsny] {
        padding: 8px;
    }

    .card-body.bg-light[b-b0hal2gsny] {
        padding: 0.75rem;
    }

    .spinner-card[b-b0hal2gsny] {
        padding: 12px;
        min-width: 200px;
    }

    .modal-body .text-success[b-b0hal2gsny],
    .modal-body .text-danger[b-b0hal2gsny],
    .modal-body .text-warning[b-b0hal2gsny] {
        font-size: 0.9em;
    }

    input[type="datetime-local"][b-b0hal2gsny],
    select.form-select[b-b0hal2gsny] {
        padding: 6px;
        font-size: 0.9em;
    }
}

/* Améliorations pour l'accessibilité */
@media (prefers-reduced-motion: reduce) {
    *[b-b0hal2gsny] {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Mode sombre (optionnel) */
@media (prefers-color-scheme: dark) {
    :root[b-b0hal2gsny] {
        --couleur-gris-clair: #2d3748;
        --couleur-gris: #a0aec0;
    }

    .FormBulkPerso[b-b0hal2gsny] {
        background-color: #1a202c !important;
        color: #e2e8f0;
    }

    .card-body.bg-light[b-b0hal2gsny] {
        background-color: #2d3748 !important;
        color: #e2e8f0;
    }
}
/* _content/BulkSms_6/Components/Pages/SendSms/BulkSMS.razor.rz.scp.css */
.card-header[b-iz6ijqblh1] {
    background-color: var(--ma-couleur-principale) !important;
}
.FormBulkUniforme[b-iz6ijqblh1] {
    background-color: #fff !important;
    color: black;
    /*background-color: #2351a3 !important;*/
    /*color: white;*/
}
.inputuni[b-iz6ijqblh1]{
   width:90%;
}

.label-danger[b-iz6ijqblh1] {
    background-color: orangered;
    color: black;
}

.label-green[b-iz6ijqblh1] {
    background-color: darkgreen;
    color: #fff;
}

.label-warning[b-iz6ijqblh1] {
    background-color: #ffa707;
    color: black;
}

.label[b-iz6ijqblh1] {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.help[b-iz6ijqblh1] {
    font-size: 11px;
    color: #999;
}

.helpNbr[b-iz6ijqblh1] {
    font-size: 11px;
    color: #1763ef;
}

.message[b-iz6ijqblh1] {
    border: 5px solid rgba(0, 0, 0, 0.07);
    font-size: 14px;
    font-weight: bold;
}

/* Overlay */
/*.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}*/

/* Card style */
/*.spinner-card {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 25%;
}*/

/* Spinner */
/*.spinner {
    border: 8px solid #f3f3f3;*/ /* Light grey */
    /*border-top: 8px solid #3498db;*/ /* Blue */
    /*border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
    margin-bottom: 15px;
}*/

/* Spinner text */
/*.spinner-text {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-top: 10px;
}*/

/* Animation for spinner */
/*@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}*/


.title-container[b-iz6ijqblh1] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .title-container h3[b-iz6ijqblh1] {
        margin: 0;
    }

    .title-container span[b-iz6ijqblh1] {
        cursor: pointer;
    }



/* Styles pour les boutons SMS */

/* Bouton SMS Normal */
.btn-normal-sms[b-iz6ijqblh1] {
    background: linear-gradient(45deg, #007bff, #0056b3);
    border: none;
    color: white;
    transition: all 0.3s ease;
}

    .btn-normal-sms:hover[b-iz6ijqblh1] {
        background: linear-gradient(45deg, #0056b3, #004085);
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
        color: white;
    }

/* Bouton Flash SMS */
.btn-flash-sms[b-iz6ijqblh1] {
    background: linear-gradient(45deg, #ff9800, #ffc107);
    border: none;
    color: white;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

    .btn-flash-sms:hover[b-iz6ijqblh1] {
        background: linear-gradient(45deg, #f57c00, #ffb300);
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(255, 152, 0, 0.3);
        color: white;
    }

    .btn-flash-sms[b-iz6ijqblh1]::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
        transform: rotate(45deg);
        animation: flash-shimmer-b-iz6ijqblh1 2s infinite;
    }

@keyframes flash-shimmer-b-iz6ijqblh1 {
    0% {
        transform: translateX(-100%) translateY(-100%) rotate(45deg);
    }

    100% {
        transform: translateX(100%) translateY(100%) rotate(45deg);
    }
}

/* Animation pour l'icône send */
.bi-send-fill[b-iz6ijqblh1] {
    transition: transform 0.3s ease;
}

.btn-normal-sms:hover .bi-send-fill[b-iz6ijqblh1] {
    transform: translateX(2px);
}

/* Animation pour l'icône lightning */
.bi-lightning-fill[b-iz6ijqblh1] {
    animation: lightning-pulse-b-iz6ijqblh1 1.5s infinite;
}

@keyframes lightning-pulse-b-iz6ijqblh1 {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

/* Responsive pour mobile */
@media (max-width: 768px) {
    .text-end .d-flex[b-iz6ijqblh1] {
        flex-direction: column;
        gap: 10px !important;
    }

    .btn-lg[b-iz6ijqblh1] {
        width: 100%;
        padding: 12px;
    }
}
/* _content/BulkSms_6/Components/Pages/SendSms/BulkSMSFromAgenda.razor.rz.scp.css */
/* Variables CSS */
:root[b-t1t0phh0vj] {
    --ma-couleur-principale: #2351a3;
    --couleur-secondaire: #1763ef;
    --couleur-succes: #28a745;
    --couleur-danger: #dc3545;
    --couleur-warning: #ffa707;
    --couleur-info: #17a2b8;
    --couleur-gris: #999;
    --couleur-gris-clair: #f8f9fa;
    --border-radius: 8px;
    --box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* === SECTION GROUPE - SIMPLE ET PROPRE === */
.group-section[b-t1t0phh0vj] {
    /* Pas de padding/margin excessifs */
}

    /* Header simple */
    .group-section .btn-outline-primary[b-t1t0phh0vj] {
        border: 2px solid #0d6efd;
        color: #0d6efd;
        font-weight: 500;
        padding: 0.5rem 1rem;
        border-radius: 6px;
        transition: all 0.2s ease;
    }

        .group-section .btn-outline-primary:hover[b-t1t0phh0vj] {
            background-color: #0d6efd;
            border-color: #0d6efd;
            color: white;
        }

/* Cartes simples et plates */
.group-card[b-t1t0phh0vj] {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
}

    .group-card.info-card[b-t1t0phh0vj] {
        background-color: #e3f2fd; /* Bleu très clair */
        border-left: 4px solid #2196f3;
    }

    .group-card.success-card[b-t1t0phh0vj] {
        background-color: #e8f5e8; /* Vert très clair */
        border-left: 4px solid #4caf50;
    }

    /* Badge dans les cartes */
    .group-card .badge[b-t1t0phh0vj] {
        background-color: #0d6efd !important;
        color: white;
        font-size: 0.75rem;
        border-radius: 4px;
        padding: 0.3rem 0.6rem;
        white-space: nowrap;
    }

    /* Icônes compactes */
    .group-card .bi[b-t1t0phh0vj] {
        font-size: 1.1rem;
    }

    /* Texte inline pour économiser l'espace */
    .group-card .d-flex > div[b-t1t0phh0vj] {
        line-height: 1.2;
    }

/* Responsive pour les cartes */
@media (min-width: 768px) {
    .group-cards[b-t1t0phh0vj] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }

    .group-card[b-t1t0phh0vj] {
        margin-bottom: 0;
    }
}

/* Mobile - cartes empilées */
@media (max-width: 767px) {
    .group-section .d-flex:first-child[b-t1t0phh0vj] {
        flex-direction: column;
        align-items: stretch !important;
        gap: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .group-section .btn-outline-primary[b-t1t0phh0vj] {
        width: 100%;
        text-align: center;
        padding: 0.4rem 1rem;
    }

    .group-card[b-t1t0phh0vj] {
        padding: 0.5rem;
        margin-bottom: 0.3rem;
    }

    .group-cards[b-t1t0phh0vj] {
        margin-top: 0;
    }

    /* Cartes encore plus compactes sur mobile */
    .group-card .d-flex[b-t1t0phh0vj] {
        gap: 0.5rem;
    }

    .group-card .bi[b-t1t0phh0vj] {
        font-size: 1rem;
        margin-right: 0.5rem !important;
    }

    .group-card .badge[b-t1t0phh0vj] {
        padding: 0.25rem 0.4rem;
        font-size: 0.7rem;
    }
}

/* Très petits écrans */
@media (max-width: 480px) {
    .group-section[b-t1t0phh0vj] {
        padding: 0.25rem;
    }

        .group-section .d-flex:first-child[b-t1t0phh0vj] {
            gap: 0.3rem;
            margin-bottom: 0.3rem;
        }

        .group-section .btn-outline-primary[b-t1t0phh0vj] {
            padding: 0.3rem 0.6rem;
            font-size: 0.8rem;
        }

    .group-card[b-t1t0phh0vj] {
        padding: 0.4rem;
        margin-bottom: 0.2rem;
    }

        .group-card .d-flex[b-t1t0phh0vj] {
            flex-wrap: wrap;
            gap: 0.3rem;
        }

        .group-card .badge[b-t1t0phh0vj] {
            padding: 0.2rem 0.3rem;
            font-size: 0.65rem;
        }

        .group-card .bi[b-t1t0phh0vj] {
            font-size: 0.9rem;
            margin-right: 0.3rem !important;
        }

        .group-card .fw-bold[b-t1t0phh0vj],
        .group-card span[b-t1t0phh0vj] {
            font-size: 0.85rem;
        }
}

/* === STYLES EXISTANTS PRÉSERVÉS === */

/* Header card responsive */
.card-header[b-t1t0phh0vj] {
    background-color: var(--ma-couleur-principale) !important;
    border-radius: var(--border-radius);
    padding: 15px 20px;
    margin-bottom: 24px;
}

.header-content[b-t1t0phh0vj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.header-title[b-t1t0phh0vj] {
    display: flex;
    align-items: center;
    color: white;
}

    .header-title h5[b-t1t0phh0vj] {
        color: white !important;
        margin: 0;
        font-size: 16px;
        font-weight: 600;
        display: flex;
        align-items: center;
    }

    .header-title .bi-people-fill[b-t1t0phh0vj] {
        font-size: 18px;
        margin-right: 8px;
    }

    .header-title .bi-info-circle-fill[b-t1t0phh0vj] {
        font-size: 20px;
        margin-left: 12px;
        cursor: pointer;
        transition: opacity 0.3s ease;
    }

        .header-title .bi-info-circle-fill:hover[b-t1t0phh0vj] {
            opacity: 0.8;
        }

.btn.btn-outline-light[b-t1t0phh0vj] {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: white;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
    white-space: nowrap;
}

    .btn.btn-outline-light:hover[b-t1t0phh0vj] {
        background-color: rgba(255, 255, 255, 0.1);
        border-color: rgba(255, 255, 255, 0.8);
        color: white;
    }

    .btn.btn-outline-light i[b-t1t0phh0vj] {
        font-size: 14px;
    }

.FormBulkUniforme[b-t1t0phh0vj] {
    background-color: #fff !important;
    color: black;
    border-radius: var(--border-radius);
    padding: 1.5rem;
    box-shadow: var(--box-shadow);
}

.inputuni[b-t1t0phh0vj] {
    width: 90%;
    min-height: 40px;
    border-radius: 6px;
    border: 1px solid #ddd;
    padding: 0.5rem;
    transition: border-color 0.3s ease;
}

    .inputuni:focus[b-t1t0phh0vj] {
        border-color: var(--ma-couleur-principale);
        box-shadow: 0 0 0 0.2rem rgba(35, 81, 163, 0.25);
    }

.label[b-t1t0phh0vj] {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    margin: 0.2rem;
}

.label-danger[b-t1t0phh0vj] {
    background-color: orangered;
    color: black;
}

.label-green[b-t1t0phh0vj] {
    background-color: darkgreen;
    color: #fff;
}

.label-warning[b-t1t0phh0vj] {
    background-color: var(--couleur-warning);
    color: black;
}

.help[b-t1t0phh0vj] {
    font-size: 11px;
    color: var(--couleur-gris);
    line-height: 1.4;
}

.helpNbr[b-t1t0phh0vj] {
    font-size: 11px;
    color: var(--couleur-secondaire);
    font-weight: 500;
}

.message[b-t1t0phh0vj] {
    border: 5px solid rgba(0, 0, 0, 0.07);
    font-size: 14px;
    font-weight: bold;
    border-radius: var(--border-radius);
    padding: 1rem;
    word-wrap: break-word;
}

.title-container[b-t1t0phh0vj] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

    .title-container h3[b-t1t0phh0vj] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 600;
    }

    .title-container span[b-t1t0phh0vj] {
        cursor: pointer;
        transition: transform 0.2s ease;
    }

        .title-container span:hover[b-t1t0phh0vj] {
            transform: scale(1.1);
        }

button.btn[b-t1t0phh0vj] {
    font-size: 0.95em;
    border-radius: 5px;
    transition: all 0.3s ease;
}

    button.btn[dir="rtl"][b-t1t0phh0vj] {
        direction: rtl;
    }

    button.btn:hover[b-t1t0phh0vj] {
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

.spinner-card-responsive[b-t1t0phh0vj] {
    max-width: 300px;
    width: 100%;
}

.spinner-text-responsive[b-t1t0phh0vj] {
    font-size: 1rem;
    margin: 0;
}

.card.border-0.shadow-sm.rounded-3[b-t1t0phh0vj] {
    border: none !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
    margin-bottom: 1.5rem;
}

.card-body.bg-light[b-t1t0phh0vj] {
    background-color: var(--couleur-gris-clair) !important;
    padding: 1.5rem;
}

.card-body h5.fw-bold.text-primary[b-t1t0phh0vj] {
    font-weight: 700 !important;
    color: var(--ma-couleur-principale) !important;
    margin-bottom: 1rem;
}

.list-group-item.bg-transparent[b-t1t0phh0vj] {
    background-color: transparent !important;
    border: none;
    padding: 0.75rem 0;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.badge.bg-success.rounded-circle[b-t1t0phh0vj] {
    background-color: var(--couleur-succes) !important;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    flex-shrink: 0;
}

.alert[b-t1t0phh0vj] {
    border-radius: var(--border-radius);
    padding: 1rem;
    margin: 1rem 0;
    box-shadow: var(--box-shadow);
}

    .alert .bi[b-t1t0phh0vj] {
        font-size: 1.25rem;
    }

/* Media queries pour les autres éléments */
@media (max-width: 768px) {
    .card-header[b-t1t0phh0vj] {
        padding: 12px 15px;
    }

    .header-content[b-t1t0phh0vj] {
        flex-direction: column;
        gap: 15px;
        align-items: stretch;
    }

    .header-title[b-t1t0phh0vj] {
        justify-content: center;
        width: 100%;
    }

    .FormBulkUniforme[b-t1t0phh0vj] {
        padding: 1rem;
    }

    .inputuni[b-t1t0phh0vj] {
        width: 100%;
    }

    .title-container[b-t1t0phh0vj] {
        justify-content: center;
        text-align: center;
    }

        .title-container h3[b-t1t0phh0vj] {
            font-size: 1.25rem;
        }

    .spinner-card-responsive[b-t1t0phh0vj] {
        max-width: 280px;
        padding: 1.5rem;
    }
}

@media (max-width: 576px) {
    .card-header[b-t1t0phh0vj] {
        padding: 10px 12px;
        margin-bottom: 20px;
    }

    .header-title h5[b-t1t0phh0vj] {
        font-size: 14px;
    }

    .header-title .bi-people-fill[b-t1t0phh0vj] {
        font-size: 16px;
        margin-right: 6px;
    }

    .header-title .bi-info-circle-fill[b-t1t0phh0vj] {
        font-size: 18px;
        margin-left: 10px;
    }

    .btn.btn-outline-light[b-t1t0phh0vj] {
        font-size: 12px;
        padding: 8px 12px;
    }

        .btn.btn-outline-light i[b-t1t0phh0vj] {
            font-size: 12px;
        }

    .FormBulkUniforme[b-t1t0phh0vj] {
        padding: 0.75rem;
        margin: 0.5rem;
    }

    .card-body.bg-light[b-t1t0phh0vj] {
        padding: 1rem;
    }

    .list-group-item.bg-transparent[b-t1t0phh0vj] {
        padding: 0.5rem 0;
        font-size: 0.875rem;
    }

    .badge.bg-success.rounded-circle[b-t1t0phh0vj] {
        width: 20px;
        height: 20px;
    }

    .spinner-card-responsive[b-t1t0phh0vj] {
        max-width: 260px;
        padding: 1rem;
    }

    .spinner-text-responsive[b-t1t0phh0vj] {
        font-size: 0.9rem;
    }

    .title-container h3[b-t1t0phh0vj] {
        font-size: 1.1rem;
    }

    .message[b-t1t0phh0vj] {
        font-size: 13px;
        padding: 0.75rem;
    }

    .help[b-t1t0phh0vj], .helpNbr[b-t1t0phh0vj] {
        font-size: 10px;
    }

    .label[b-t1t0phh0vj] {
        font-size: 70%;
        padding: 0.15em 0.5em 0.25em;
    }

    .alert[b-t1t0phh0vj] {
        padding: 0.75rem;
        font-size: 0.875rem;
    }
}

@media (max-width: 480px) {
    .card-header[b-t1t0phh0vj] {
        padding: 8px 10px;
    }

    .header-title h5[b-t1t0phh0vj] {
        font-size: 13px;
    }

    .btn.btn-outline-light[b-t1t0phh0vj] {
        font-size: 11px;
        padding: 6px 10px;
    }

    .FormBulkUniforme[b-t1t0phh0vj] {
        padding: 0.5rem;
    }

    .card-body.bg-light[b-t1t0phh0vj] {
        padding: 0.75rem;
    }

    .spinner-card-responsive[b-t1t0phh0vj] {
        max-width: 220px;
        padding: 0.75rem;
    }

    .list-group-item.bg-transparent[b-t1t0phh0vj] {
        font-size: 0.8rem;
    }

    .badge.bg-success.rounded-circle[b-t1t0phh0vj] {
        width: 18px;
        height: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-t1t0phh0vj] {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

@media (prefers-color-scheme: dark) {
    :root[b-t1t0phh0vj] {
        --couleur-gris-clair: #2d3748;
        --couleur-gris: #a0aec0;
    }

    .FormBulkUniforme[b-t1t0phh0vj] {
        background-color: #1a202c !important;
        color: #e2e8f0;
    }

    .card-body.bg-light[b-t1t0phh0vj] {
        background-color: #2d3748 !important;
        color: #e2e8f0;
    }

    .inputuni[b-t1t0phh0vj] {
        background-color: #2d3748;
        color: #e2e8f0;
        border-color: #4a5568;
    }

    .group-card.info-card[b-t1t0phh0vj] {
        background-color: #1e3a8a;
        color: #e2e8f0;
    }

    .group-card.success-card[b-t1t0phh0vj] {
        background-color: #166534;
        color: #e2e8f0;
    }
}
/* _content/BulkSms_6/Components/Pages/SendSms/Copies/BulkSMS - Copier.razor.rz.scp.css */

.FormBulkUniforme[b-seu7eqrj73] {
    background-color: #fff !important;
    color: black;
    /*background-color: #2351a3 !important;*/
    /*color: white;*/
}
.inputuni[b-seu7eqrj73]{
   width:90%;
}

.label-danger[b-seu7eqrj73] {
    background-color: orangered;
    color: black;
}

.label-green[b-seu7eqrj73] {
    background-color: darkgreen;
    color: #fff;
}

.label-warning[b-seu7eqrj73] {
    background-color: #ffa707;
    color: black;
}

.label[b-seu7eqrj73] {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.help[b-seu7eqrj73] {
    font-size: 11px;
    color: #999;
}

.helpNbr[b-seu7eqrj73] {
    font-size: 11px;
    color: #1763ef;
}

.message[b-seu7eqrj73] {
    border: 5px solid rgba(0, 0, 0, 0.07);
    font-size: 14px;
    font-weight: bold;
}

/* Overlay */
/*.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}*/

/* Card style */
/*.spinner-card {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 25%;
}*/

/* Spinner */
/*.spinner {
    border: 8px solid #f3f3f3;*/ /* Light grey */
    /*border-top: 8px solid #3498db;*/ /* Blue */
    /*border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
    margin-bottom: 15px;
}*/

/* Spinner text */
/*.spinner-text {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-top: 10px;
}*/

/* Animation for spinner */
/*@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}*/


.title-container[b-seu7eqrj73] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .title-container h3[b-seu7eqrj73] {
        margin: 0;
    }

    .title-container span[b-seu7eqrj73] {
        cursor: pointer;
    }

/* _content/BulkSms_6/Components/Pages/SendSms/Copies/SMSUnitaire.razor.rz.scp.css */
/* Variables CSS pour la cohérence */
:root[b-1luzi5z41j] {
    --ma-couleur-principale: #2351a3;
    --couleur-secondaire: #1763ef;
    --couleur-succes: #28a745;
    --couleur-danger: #dc3545;
    --couleur-warning: #ffa707;
    --couleur-info: #17a2b8;
    --couleur-gris: #999;
    --couleur-gris-clair: #f8f9fa;
    --border-radius: 8px;
    --box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Styles de base */
.help[b-1luzi5z41j] {
    font-size: 11px;
    color: var(--couleur-gris);
    line-height: 1.4;
}

.helpNbr[b-1luzi5z41j] {
    font-size: 11px;
    color: var(--couleur-secondaire);
    font-weight: 500;
}

/* Header card - Design exact selon vos images */
.card-header[b-1luzi5z41j] {
    background-color: var(--ma-couleur-principale) !important;
    border-radius: var(--border-radius);
    padding: 15px 20px;
    margin-bottom: 24px;
}

/* Layout responsive du header */
.header-content[b-1luzi5z41j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.header-title[b-1luzi5z41j] {
    display: flex;
    align-items: center;
    color: white;
}

    .header-title h5[b-1luzi5z41j] {
        color: white !important;
        margin: 0;
        font-size: 16px;
        font-weight: 600;
        display: flex;
        align-items: center;
    }

    .header-title .bi-people-fill[b-1luzi5z41j] {
        font-size: 18px;
        margin-right: 8px;
    }

    .header-title .bi-info-circle-fill[b-1luzi5z41j] {
        font-size: 20px;
        margin-left: 12px;
        cursor: pointer;
        transition: opacity 0.3s ease;
    }

        .header-title .bi-info-circle-fill:hover[b-1luzi5z41j] {
            opacity: 0.8;
        }

/* Boutons du header - Style selon vos images */
.header-buttons[b-1luzi5z41j] {
    display: flex;
    gap: 8px;
    align-items: center;
}

    .header-buttons .btn[b-1luzi5z41j] {
        background-color: transparent;
        border: 1px solid rgba(255, 255, 255, 0.5);
        color: white;
        font-size: 13px;
        font-weight: 500;
        padding: 8px 16px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        gap: 6px;
        transition: all 0.3s ease;
        white-space: nowrap;
    }

        .header-buttons .btn:hover[b-1luzi5z41j] {
            background-color: rgba(255, 255, 255, 0.1);
            border-color: rgba(255, 255, 255, 0.8);
            color: white;
        }

        .header-buttons .btn i[b-1luzi5z41j] {
            font-size: 14px;
        }

/* Formulaire responsive */
.FormBulkUniforme[b-1luzi5z41j] {
    background-color: #fff !important;
    color: #333;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    padding: 1.5rem;
}

.inputuni[b-1luzi5z41j] {
    width: 70%;
    min-height: 40px;
    border-radius: 6px;
    border: 1px solid #ddd;
    padding: 0.5rem;
    transition: border-color 0.3s ease;
}

    .inputuni:focus[b-1luzi5z41j] {
        border-color: var(--ma-couleur-principale);
        box-shadow: 0 0 0 0.2rem rgba(35, 81, 163, 0.25);
    }

/* Labels avec couleurs */
.label[b-1luzi5z41j] {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}

.label-danger[b-1luzi5z41j] {
    background-color: orangered;
    color: black;
}

.label-green[b-1luzi5z41j] {
    background-color: darkgreen;
    color: #fff;
}

.label-warning[b-1luzi5z41j] {
    background-color: var(--couleur-warning);
    color: black;
}

/* Zone de message */
.message[b-1luzi5z41j] {
    border: 5px solid rgba(0, 0, 0, 0.07);
    font-size: 14px;
    font-weight: bold;
    background-color: #fff5071a;
    border-radius: var(--border-radius);
    padding: 1rem;
    margin: 1rem 0;
}

/* Spinner overlay responsive */
/*.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}*/

.spinner-card[b-1luzi5z41j] {
    background-color: #fff;
    border-radius: var(--border-radius);
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 25%;
    min-width: 250px;
}

.spinner[b-1luzi5z41j] {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin-b-1luzi5z41j 1s linear infinite;
    margin-bottom: 15px;
}

.spinner-text[b-1luzi5z41j] {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-top: 10px;
}

@keyframes spin-b-1luzi5z41j {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Container de titre */
.title-container[b-1luzi5z41j] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .title-container h3[b-1luzi5z41j] {
        margin: 0;
    }

    .title-container span[b-1luzi5z41j] {
        cursor: pointer;
    }

/* Boutons généraux */
button.btn[b-1luzi5z41j] {
    font-size: 0.95em;
    border-radius: 5px;
}

    button.btn[dir="rtl"][b-1luzi5z41j] {
        direction: rtl;
    }

/* Cards de description */
.card.border-0.shadow-sm.rounded-3[b-1luzi5z41j] {
    border: none !important;
    border-radius: var(--border-radius) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 1.5rem;
}

.card-body.bg-light[b-1luzi5z41j] {
    background-color: var(--couleur-gris-clair) !important;
    padding: 1.5rem;
}

.card-body h5.fw-bold.text-primary[b-1luzi5z41j] {
    font-weight: 700 !important;
    color: var(--ma-couleur-principale) !important;
    margin-bottom: 1rem;
}

.list-group-item.bg-transparent[b-1luzi5z41j] {
    background-color: transparent !important;
    border: none;
    padding: 0.75rem 0;
}

.badge.bg-success.rounded-circle[b-1luzi5z41j] {
    background-color: var(--couleur-succes) !important;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
}

/* Alertes */
.alert[b-1luzi5z41j] {
    border-radius: var(--border-radius);
    padding: 1rem;
    margin: 1rem 0;
    box-shadow: var(--box-shadow);
}

/* Media queries pour la responsivité */

/* Tablettes (768px et moins) */
@media (max-width: 768px) {
    .header-content[b-1luzi5z41j] {
        flex-direction: column;
        gap: 15px;
        align-items: stretch;
    }

    .header-title[b-1luzi5z41j] {
        justify-content: center;
        width: 100%;
    }

    .header-buttons[b-1luzi5z41j] {
        flex-direction: column;
        width: 100%;
        gap: 8px;
    }

        .header-buttons .btn[b-1luzi5z41j] {
            width: 100%;
            justify-content: center;
            padding: 10px 16px;
        }

    .inputuni[b-1luzi5z41j] {
        width: 100%;
    }

    .spinner-card[b-1luzi5z41j] {
        width: 90%;
        max-width: 300px;
    }
}

/* Bouton toggle pour mobile */
.mobile-toggle-btn[b-1luzi5z41j] {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white !important;
    font-size: 12px;
    padding: 8px 12px;
    border-radius: 5px;
    margin-bottom: 10px;
    width: 100%;
}

    .mobile-toggle-btn:hover[b-1luzi5z41j] {
        background-color: rgba(255, 255, 255, 0.2) !important;
        border-color: rgba(255, 255, 255, 0.5);
        color: white !important;
    }

    .mobile-toggle-btn:focus[b-1luzi5z41j] {
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
        color: white !important;
    }

/* Mobiles (576px et moins) */
@media (max-width: 576px) {
    .card-header[b-1luzi5z41j] {
        padding: 12px 15px;
        margin-bottom: 20px;
    }

    .header-content[b-1luzi5z41j] {
        gap: 12px;
    }

    .header-title h5[b-1luzi5z41j] {
        font-size: 14px;
    }

    .header-title .bi-people-fill[b-1luzi5z41j] {
        font-size: 16px;
        margin-right: 6px;
    }

    .header-title .bi-info-circle-fill[b-1luzi5z41j] {
        font-size: 18px;
        margin-left: 10px;
    }

    .header-buttons .btn[b-1luzi5z41j] {
        font-size: 12px;
        padding: 8px 12px;
    }

        .header-buttons .btn i[b-1luzi5z41j] {
            font-size: 12px;
        }

    /* Masquer le texte complet sur mobile, garder seulement les icônes et texte court */
    .btn-text-full[b-1luzi5z41j] {
        display: none;
    }

    .btn-text-short[b-1luzi5z41j] {
        display: inline;
    }

    .card-body.bg-light[b-1luzi5z41j] {
        padding: 1rem;
    }

    .list-group-item.bg-transparent[b-1luzi5z41j] {
        padding: 0.5rem 0;
        font-size: 0.875rem;
    }

    .badge.bg-success.rounded-circle[b-1luzi5z41j] {
        width: 20px;
        height: 20px;
    }

    .spinner-card[b-1luzi5z41j] {
        width: 95%;
        max-width: 280px;
        padding: 15px;
    }

    .spinner[b-1luzi5z41j] {
        width: 50px;
        height: 50px;
        border-width: 6px;
    }

    .spinner-text[b-1luzi5z41j] {
        font-size: 14px;
    }
}

/* Très petits écrans (480px et moins) */
@media (max-width: 480px) {
    .card-header[b-1luzi5z41j] {
        padding: 10px 12px;
    }

    .header-title h5[b-1luzi5z41j] {
        font-size: 13px;
    }

    .header-buttons .btn[b-1luzi5z41j] {
        font-size: 11px;
        padding: 6px 10px;
    }

    .card-body.bg-light[b-1luzi5z41j] {
        padding: 0.75rem;
    }

    .spinner-card[b-1luzi5z41j] {
        padding: 12px;
        min-width: 200px;
    }
}

/* Classes utilitaires pour responsive text */
@media (min-width: 577px) {
    .btn-text-full[b-1luzi5z41j] {
        display: inline;
    }

    .btn-text-short[b-1luzi5z41j] {
        display: none;
    }
}

/* Améliorations pour l'accessibilité */
@media (prefers-reduced-motion: reduce) {
    *[b-1luzi5z41j] {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}
/* _content/BulkSms_6/Components/Pages/SendSms/PredefinedSection.razor.rz.scp.css */
li[b-pa2ci90ypp] {
    cursor: pointer;
}
.hover-card[b-pa2ci90ypp] {
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

    .hover-card:hover[b-pa2ci90ypp] {
        transform: translateY(-2px);
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
        border-color: var(--bs-primary) !important;
    }

    .hover-card:focus[b-pa2ci90ypp] {
        outline: 2px solid var(--bs-primary);
        outline-offset: 2px;
    }

    .hover-card .card-title[b-pa2ci90ypp] {
        transition: color 0.2s ease;
    }

    .hover-card:hover .card-title[b-pa2ci90ypp] {
        color: var(--bs-primary) !important;
    }

.text-truncate-multiline[b-pa2ci90ypp] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.national-event-card[b-pa2ci90ypp] {
    transition: all 0.3s ease-in-out;
    border-left: 4px solid transparent;
}

    .national-event-card:hover[b-pa2ci90ypp] {
        transform: translateY(-3px);
        box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.15) !important;
        border-left-color: var(--bs-success) !important;
    }

    .national-event-card:focus[b-pa2ci90ypp] {
        outline: 2px solid var(--bs-success);
        outline-offset: 2px;
    }

    .national-event-card .card-title[b-pa2ci90ypp] {
        transition: color 0.2s ease;
    }

    .national-event-card:hover .card-title[b-pa2ci90ypp] {
        color: var(--bs-success) !important;
    }

    .national-event-card .card-footer .fas.fa-chevron-right[b-pa2ci90ypp] {
        transition: transform 0.2s ease;
    }

    .national-event-card:hover .card-footer .fas.fa-chevron-right[b-pa2ci90ypp] {
        transform: translateX(3px);
    }

.general-message-card[b-pa2ci90ypp] {
    transition: all 0.3s ease-in-out;
    border-left: 4px solid transparent;
}

    .general-message-card:hover[b-pa2ci90ypp] {
        transform: translateY(-2px);
        box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.15) !important;
        border-left-color: var(--bs-primary) !important;
    }

    .general-message-card.inactive-card[b-pa2ci90ypp] {
        opacity: 0.7;
    }

        .general-message-card.inactive-card:hover[b-pa2ci90ypp] {
            border-left-color: var(--bs-warning) !important;
            opacity: 0.9;
        }

    .general-message-card:focus[b-pa2ci90ypp] {
        outline: 2px solid var(--bs-primary);
        outline-offset: 2px;
    }

    .general-message-card .card-title[b-pa2ci90ypp] {
        transition: color 0.2s ease;
    }

    .general-message-card:hover .card-title[b-pa2ci90ypp] {
        color: var(--bs-primary) !important;
    }

    .general-message-card .card-footer .fas.fa-chevron-right[b-pa2ci90ypp] {
        transition: transform 0.2s ease;
    }

    .general-message-card:hover .card-footer .fas.fa-chevron-right[b-pa2ci90ypp] {
        transform: translateX(3px);
    }

.inactive-card .card-body[b-pa2ci90ypp] {
    position: relative;
}

    .inactive-card .card-body[b-pa2ci90ypp]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: repeating-linear-gradient( 45deg, transparent, transparent 2px, rgba(108, 117, 125, 0.1) 2px, rgba(108, 117, 125, 0.1) 4px );
        pointer-events: none;
    }
/* _content/BulkSms_6/Components/Pages/SendSms/SMSUnitaire.razor.rz.scp.css */
/* Variables CSS pour la cohérence */
:root[b-nykuup3y13] {
    --ma-couleur-principale: #2351a3;
    --couleur-secondaire: #1763ef;
    --couleur-succes: #28a745;
    --couleur-danger: #dc3545;
    --couleur-warning: #ffa707;
    --couleur-info: #17a2b8;
    --couleur-gris: #999;
    --couleur-gris-clair: #f8f9fa;
    --border-radius: 8px;
    --box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Styles de base */
.help[b-nykuup3y13] {
    font-size: 11px;
    color: var(--couleur-gris);
    line-height: 1.4;
}

.helpNbr[b-nykuup3y13] {
    font-size: 11px;
    color: var(--couleur-secondaire);
    font-weight: 500;
}

/* Header card - Design exact selon vos images */
.card-header[b-nykuup3y13] {
    background-color: var(--ma-couleur-principale) !important;
    border-radius: var(--border-radius);
    padding: 15px 20px;
    margin-bottom: 24px;
}

/* Layout responsive du header */
.header-content[b-nykuup3y13] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.header-title[b-nykuup3y13] {
    display: flex;
    align-items: center;
    color: white;
}

    .header-title h5[b-nykuup3y13] {
        color: white !important;
        margin: 0;
        font-size: 16px;
        font-weight: 600;
        display: flex;
        align-items: center;
    }

    .header-title .bi-people-fill[b-nykuup3y13] {
        font-size: 18px;
        margin-right: 8px;
    }

    .header-title .bi-info-circle-fill[b-nykuup3y13] {
        font-size: 20px;
        margin-left: 12px;
        cursor: pointer;
        transition: opacity 0.3s ease;
    }

        .header-title .bi-info-circle-fill:hover[b-nykuup3y13] {
            opacity: 0.8;
        }

/* Boutons du header - Style selon vos images */
.header-buttons[b-nykuup3y13] {
    display: flex;
    gap: 8px;
    align-items: center;
}

    .header-buttons .btn[b-nykuup3y13] {
        background-color: transparent;
        border: 1px solid rgba(255, 255, 255, 0.5);
        color: white;
        font-size: 13px;
        font-weight: 500;
        padding: 8px 16px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        gap: 6px;
        transition: all 0.3s ease;
        white-space: nowrap;
    }

        .header-buttons .btn:hover[b-nykuup3y13] {
            background-color: rgba(255, 255, 255, 0.1);
            border-color: rgba(255, 255, 255, 0.8);
            color: white;
        }

        .header-buttons .btn i[b-nykuup3y13] {
            font-size: 14px;
        }

/* Formulaire responsive */
.FormBulkUniforme[b-nykuup3y13] {
    background-color: #fff !important;
    color: #333;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    padding: 1.5rem;
}

.inputuni[b-nykuup3y13] {
    width: 70%;
    min-height: 40px;
    border-radius: 6px;
    border: 1px solid #ddd;
    padding: 0.5rem;
    transition: border-color 0.3s ease;
}

    .inputuni:focus[b-nykuup3y13] {
        border-color: var(--ma-couleur-principale);
        box-shadow: 0 0 0 0.2rem rgba(35, 81, 163, 0.25);
    }

/* Labels avec couleurs */
.label[b-nykuup3y13] {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}

.label-danger[b-nykuup3y13] {
    background-color: orangered;
    color: black;
}

.label-green[b-nykuup3y13] {
    background-color: darkgreen;
    color: #fff;
}

.label-warning[b-nykuup3y13] {
    background-color: var(--couleur-warning);
    color: black;
}

/* Zone de message */
.message[b-nykuup3y13] {
    border: 5px solid rgba(0, 0, 0, 0.07);
    font-size: 14px;
    font-weight: bold;
    background-color: #fff5071a;
    border-radius: var(--border-radius);
    padding: 1rem;
    margin: 1rem 0;
}

/* Spinner overlay responsive */
/*.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}*/

.spinner-card[b-nykuup3y13] {
    background-color: #fff;
    border-radius: var(--border-radius);
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 25%;
    min-width: 250px;
}

.spinner[b-nykuup3y13] {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin-b-nykuup3y13 1s linear infinite;
    margin-bottom: 15px;
}

.spinner-text[b-nykuup3y13] {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-top: 10px;
}

@keyframes spin-b-nykuup3y13 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Container de titre */
.title-container[b-nykuup3y13] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .title-container h3[b-nykuup3y13] {
        margin: 0;
    }

    .title-container span[b-nykuup3y13] {
        cursor: pointer;
    }

/* Boutons généraux */
button.btn[b-nykuup3y13] {
    font-size: 0.95em;
    border-radius: 5px;
}

    button.btn[dir="rtl"][b-nykuup3y13] {
        direction: rtl;
    }

/* Cards de description */
.card.border-0.shadow-sm.rounded-3[b-nykuup3y13] {
    border: none !important;
    border-radius: var(--border-radius) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 1.5rem;
}

.card-body.bg-light[b-nykuup3y13] {
    background-color: var(--couleur-gris-clair) !important;
    padding: 1.5rem;
}

.card-body h5.fw-bold.text-primary[b-nykuup3y13] {
    font-weight: 700 !important;
    color: var(--ma-couleur-principale) !important;
    margin-bottom: 1rem;
}

.list-group-item.bg-transparent[b-nykuup3y13] {
    background-color: transparent !important;
    border: none;
    padding: 0.75rem 0;
}

.badge.bg-success.rounded-circle[b-nykuup3y13] {
    background-color: var(--couleur-succes) !important;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
}

/* Alertes */
.alert[b-nykuup3y13] {
    border-radius: var(--border-radius);
    padding: 1rem;
    margin: 1rem 0;
    box-shadow: var(--box-shadow);
}

/* Media queries pour la responsivité */

/* Tablettes (768px et moins) */
@media (max-width: 768px) {
    .header-content[b-nykuup3y13] {
        flex-direction: column;
        gap: 15px;
        align-items: stretch;
    }

    .header-title[b-nykuup3y13] {
        justify-content: center;
        width: 100%;
    }

    .header-buttons[b-nykuup3y13] {
        flex-direction: column;
        width: 100%;
        gap: 8px;
    }

        .header-buttons .btn[b-nykuup3y13] {
            width: 100%;
            justify-content: center;
            padding: 10px 16px;
        }

    .inputuni[b-nykuup3y13] {
        width: 100%;
    }

    .spinner-card[b-nykuup3y13] {
        width: 90%;
        max-width: 300px;
    }
}

/* Bouton toggle pour mobile */
.mobile-toggle-btn[b-nykuup3y13] {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white !important;
    font-size: 12px;
    padding: 8px 12px;
    border-radius: 5px;
    margin-bottom: 10px;
    width: 100%;
}

    .mobile-toggle-btn:hover[b-nykuup3y13] {
        background-color: rgba(255, 255, 255, 0.2) !important;
        border-color: rgba(255, 255, 255, 0.5);
        color: white !important;
    }

    .mobile-toggle-btn:focus[b-nykuup3y13] {
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
        color: white !important;
    }

/* Mobiles (576px et moins) */
@media (max-width: 576px) {
    .card-header[b-nykuup3y13] {
        padding: 12px 15px;
        margin-bottom: 20px;
    }

    .header-content[b-nykuup3y13] {
        gap: 12px;
    }

    .header-title h5[b-nykuup3y13] {
        font-size: 14px;
    }

    .header-title .bi-people-fill[b-nykuup3y13] {
        font-size: 16px;
        margin-right: 6px;
    }

    .header-title .bi-info-circle-fill[b-nykuup3y13] {
        font-size: 18px;
        margin-left: 10px;
    }

    .header-buttons .btn[b-nykuup3y13] {
        font-size: 12px;
        padding: 8px 12px;
    }

        .header-buttons .btn i[b-nykuup3y13] {
            font-size: 12px;
        }

    /* Masquer le texte complet sur mobile, garder seulement les icônes et texte court */
    .btn-text-full[b-nykuup3y13] {
        display: none;
    }

    .btn-text-short[b-nykuup3y13] {
        display: inline;
    }

    .card-body.bg-light[b-nykuup3y13] {
        padding: 1rem;
    }

    .list-group-item.bg-transparent[b-nykuup3y13] {
        padding: 0.5rem 0;
        font-size: 0.875rem;
    }

    .badge.bg-success.rounded-circle[b-nykuup3y13] {
        width: 20px;
        height: 20px;
    }

    .spinner-card[b-nykuup3y13] {
        width: 95%;
        max-width: 280px;
        padding: 15px;
    }

    .spinner[b-nykuup3y13] {
        width: 50px;
        height: 50px;
        border-width: 6px;
    }

    .spinner-text[b-nykuup3y13] {
        font-size: 14px;
    }
}

/* Très petits écrans (480px et moins) */
@media (max-width: 480px) {
    .card-header[b-nykuup3y13] {
        padding: 10px 12px;
    }

    .header-title h5[b-nykuup3y13] {
        font-size: 13px;
    }

    .header-buttons .btn[b-nykuup3y13] {
        font-size: 11px;
        padding: 6px 10px;
    }

    .card-body.bg-light[b-nykuup3y13] {
        padding: 0.75rem;
    }

    .spinner-card[b-nykuup3y13] {
        padding: 12px;
        min-width: 200px;
    }
}

/* Classes utilitaires pour responsive text */
@media (min-width: 577px) {
    .btn-text-full[b-nykuup3y13] {
        display: inline;
    }

    .btn-text-short[b-nykuup3y13] {
        display: none;
    }
}

/* Améliorations pour l'accessibilité */
@media (prefers-reduced-motion: reduce) {
    *[b-nykuup3y13] {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}
/* _content/BulkSms_6/Components/Pages/SMSFlyer/AddFlyer/AddFlyerForm.razor.rz.scp.css */
/* Styles ultra-compacts pour le formulaire */
.flyer-form[b-uzc0nvoaiq] {
    max-width: 900px;
    margin: 0 auto;
    font-size: 0.9rem;
}

/* Styles des cartes */
.flyer-card[b-uzc0nvoaiq] {
    margin-bottom: 0.5rem !important;
    border-radius: 0.25rem !important;
}

    .flyer-card .card-header[b-uzc0nvoaiq] {
        padding-top: 0.4rem !important;
        padding-bottom: 0.4rem !important;
    }

    .flyer-card .card-body[b-uzc0nvoaiq] {
        padding: 0.5rem !important;
    }

/* Styles des champs de formulaire */
.form-control-sm[b-uzc0nvoaiq] {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    min-height: auto !important;
}

.form-floating-sm[b-uzc0nvoaiq] {
    height: auto;
}

    .form-floating-sm > .form-control[b-uzc0nvoaiq] {
        padding-top: 1.5rem;
        height: auto;
    }

    .form-floating-sm > label[b-uzc0nvoaiq] {
        padding: 0.5rem 0.75rem;
        font-size: 0.8rem;
    }

textarea.form-control-sm[b-uzc0nvoaiq] {
    min-height: 60px !important;
    height: 60px !important;
}

/* Styles pour les messages d'erreur et infos */
.validation-errors .alert[b-uzc0nvoaiq] {
    margin-bottom: 0.5rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}

small.text-muted[b-uzc0nvoaiq] {
    font-size: 0.75rem !important;
}

/* Styles pour la barre de progression */
.progress[b-uzc0nvoaiq] {
    height: 3px !important;
    margin-bottom: 0.5rem !important;
    border-radius: 0.1rem;
}

/* Styles pour les boutons */
.btn-xs[b-uzc0nvoaiq] {
    padding: 0.2rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1.2;
    border-radius: 0.2rem;
}

.theme-btn[b-uzc0nvoaiq] {
    padding: 0.15rem 0.5rem !important;
    font-size: 0.75rem !important;
    border-radius: 1rem;
}

    .theme-btn i[b-uzc0nvoaiq] {
        font-size: 0.7rem;
    }

/* Styles de la zone d'upload compacte */
.ultra-compact-uploader[b-uzc0nvoaiq] {
    margin: 0;
}

    .ultra-compact-uploader .btn[b-uzc0nvoaiq] {
        font-size: 0.75rem;
        padding: 0.2rem 0.5rem;
    }

/* Réglages des espaces et marges */
.gap-1[b-uzc0nvoaiq] {
    gap: 0.25rem !important;
}

.mb-2[b-uzc0nvoaiq] {
    margin-bottom: 0.5rem !important;
}

.p-2[b-uzc0nvoaiq] {
    padding: 0.5rem !important;
}

/* Styles responsifs */
@media (max-width: 767.98px) {
    .action-buttons[b-uzc0nvoaiq] {
        flex-direction: row !important;
    }

        .action-buttons .btn[b-uzc0nvoaiq] {
            font-size: 0.75rem;
            padding: 0.2rem 0.5rem;
        }
}

/* Style spécifique pour les en-têtes avec barre latérale */
.card-header[b-uzc0nvoaiq] {
    border-left-width: 3px !important;
}

/* Optimisation pour la hauteur de l'écran */
.flyer-form[b-uzc0nvoaiq] {
    max-height: 98vh;
    overflow-y: auto;
    padding-bottom: 2.5rem;
}

/* Style pour la barre d'actions fixe */
.action-buttons[b-uzc0nvoaiq] {
    position: sticky;
    bottom: 0;
    background-color: white;
    padding: 0.3rem 0.5rem;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05);
    margin-top: 0.5rem;
    z-index: 100;
    border-radius: 0.25rem;
}

/* Optimisations pour les boutons d'action */
.btn-primary[b-uzc0nvoaiq] {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.btn-outline-secondary[b-uzc0nvoaiq] {
    color: #6c757d;
    border-color: #6c757d;
}

/* Style pour les boutons de thèmes */
.theme-item[b-uzc0nvoaiq] {
    margin: 1px;
}

/* Classe pour ajuster la taille des icônes */
.bi[b-uzc0nvoaiq] {
    font-size: 0.9em;
}
/* _content/BulkSms_6/Components/Pages/SMSFlyer/AddFlyer/ImageUploader.razor.rz.scp.css */
.upload-area[b-316zjhaxrb] {
    min-height: 200px;
}

/* Overlay pour le spinner */
.processing-overlay[b-316zjhaxrb] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    border-radius: inherit;
}

.spinner-container[b-316zjhaxrb] {
    text-align: center;
}

/* Contenu désactivé pendant le traitement */
.content-disabled[b-316zjhaxrb] {
    opacity: 0.5;
    pointer-events: none;
    user-select: none;
}

/* Animation personnalisée pour le spinner Bootstrap */
.spinner-border[b-316zjhaxrb] {
    width: 3rem;
    height: 3rem;
    border-width: 0.3em;
}

/* Effet hover désactivé pendant le traitement */
.upload-area:has(.processing-overlay)[b-316zjhaxrb] {
    cursor: not-allowed;
}

/* Amélioration visuelle */
.file-preview[b-316zjhaxrb] {
    background-color: #f8f9fa;
    border-radius: 0.5rem;
    margin: -1rem;
    margin-top: 0;
    padding: 1rem;
}
/* _content/BulkSms_6/Components/Pages/SMSFlyer/AnimationEditor.razor.rz.scp.css */

.flyer-container[b-o82zb9vxo9] {
    position: relative;
    width: 100%;
    height: auto;
}


.animation-container[b-o82zb9vxo9] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    pointer-events: none;
}

/* _content/BulkSms_6/Components/Pages/SMSFlyer/FlyerUrl/FlyerUrlToSms.razor.rz.scp.css */
/* Styles pour uniformiser les cartes */
.flyer-card[b-jmw0es97ar] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.flyer-image-container[b-jmw0es97ar] {
    position: relative;
    width: 100%;
    height: 200px; /* Hauteur fixe pour toutes les images */
    overflow: hidden;
}

.flyer-image[b-jmw0es97ar] {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Garde les proportions de l'image tout en couvrant l'espace disponible */
}

.flyer-body[b-jmw0es97ar] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.flyer-title[b-jmw0es97ar] {
    height: 40px; /* Hauteur fixe pour les titres */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.flyer-button-container[b-jmw0es97ar] {
    margin-top: auto; /* Pousse le bouton vers le bas */
}
/* _content/BulkSms_6/Components/Pages/SMSFlyer/GestionFlyer.razor.rz.scp.css */
/* CSS EXISTANT - NON MODIFIÉ */
.page-header[b-8gogik9n02] {
    background-color: var(--ma-couleur-principale) !important;
}

.flyer-card-image[b-8gogik9n02] {
    height:350px;
    background-color: #f8f9fa;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    border: 1px solid #dee2e6;
}

.flyer-preview[b-8gogik9n02] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pdf-container[b-8gogik9n02], .doc-container[b-8gogik9n02] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding: 15px;
}

.pdf-container[b-8gogik9n02] {
    background-color: #fff8f8;
}

.doc-container[b-8gogik9n02] {
    background-color: #f8f9ff;
}

.file-type-icon[b-8gogik9n02] {
    width: 64px;
    height: 64px;
    margin-bottom: 10px;
}

.flyer-title[b-8gogik9n02] {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%;
}

.empty-preview[b-8gogik9n02] {
    width: 100%;
    height: 100%;
    background-color: #f8f9fa;
    color: #6c757d;
}

.modal-backdrop[b-8gogik9n02] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1040;
}

.modal[b-8gogik9n02] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1050;
}

.flyer-preview-lg[b-8gogik9n02] {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    border-radius: 6px;
}

.file-type-icon[b-8gogik9n02] {
    width: 100px;
    height: 100px;
}

/* ============================================ */
/* BOUTONS UNIFORMES ET BIEN ALIGNÉS */
/* ============================================ */

/* Container des boutons avec gap uniforme */
.action-buttons[b-8gogik9n02] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    margin-bottom: 1rem;
}

/* Style uniforme pour TOUS les boutons */
.btn[b-8gogik9n02] {
    /* Dimensions uniformes */
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    /* Apparence uniforme */
    border-radius: 10px !important;
    border: 2px solid #e2e8f0 !important;
    background-color: #ffffff !important;
    color: #64748b !important;
    /* Typography uniforme */
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    /* Alignement parfait */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* Espacement interne uniforme */
    padding: 0 16px !important;
    /* Transitions */
    transition: all 0.3s ease !important;
    /* Suppression des variations */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

    /* Espacement uniforme des icônes */
    .btn i[b-8gogik9n02] {
        margin-right: 8px !important;
        margin-left: 0 !important;
        font-size: 1rem !important;
        flex-shrink: 0 !important;
    }

    /* États hover uniformes */
    .btn:hover[b-8gogik9n02] {
        background-color: #f8fafc !important;
        border-color: #3b82f6 !important;
        color: #3b82f6 !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15) !important;
    }

    /* État actif uniforme */
    .btn:active[b-8gogik9n02] {
        transform: translateY(0) !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    }

    /* État focus uniforme */
    .btn:focus[b-8gogik9n02] {
        outline: 2px solid #3b82f6 !important;
        outline-offset: 2px !important;
        border-color: #3b82f6 !important;
    }

/* Suppression de tous les styles Bootstrap qui interfèrent */
.btn-sm[b-8gogik9n02] {
    padding: 0 16px !important;
    font-size: 0.875rem !important;
    height: 48px !important;
    min-height: 48px !important;
}

.btn-outline-primary[b-8gogik9n02] {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #64748b !important;
}

    .btn-outline-primary:hover[b-8gogik9n02] {
        background-color: #f8fafc !important;
        border-color: #3b82f6 !important;
        color: #3b82f6 !important;
    }

.btn-primary[b-8gogik9n02] {
    background-color: #3b82f6 !important;
    border-color: #3b82f6 !important;
    color: #ffffff !important;
}

    .btn-primary:hover[b-8gogik9n02] {
        background-color: #1d4ed8 !important;
        border-color: #1d4ed8 !important;
        color: #ffffff !important;
    }

/* Responsive - maintient l'uniformité */
@media (min-width: 576px) {
    .action-buttons[b-8gogik9n02] {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
    }

    .btn[b-8gogik9n02] {
        flex: 1 1 calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
    }
}

@media (min-width: 992px) {
    .action-buttons[b-8gogik9n02] {
        gap: 8px;
    }

    .btn[b-8gogik9n02] {
        flex: 1 1 calc(50% - 4px) !important;
        width: calc(50% - 4px) !important;
    }
}

/* Suppression de toutes les classes personnalisées qui créent des variations */
.btn-modern[b-8gogik9n02],
.btn-details[b-8gogik9n02],
.btn-stats[b-8gogik9n02],
.btn-animation[b-8gogik9n02],
.btn-primary-modern[b-8gogik9n02] {
    /* Réinitialisation complète - utilise uniquement les styles .btn ci-dessus */
    all: unset !important;
}

/* Réapplication des styles de base après réinitialisation */
.btn-modern[b-8gogik9n02],
.btn-details[b-8gogik9n02],
.btn-stats[b-8gogik9n02],
.btn-animation[b-8gogik9n02],
.btn-primary-modern[b-8gogik9n02] {
    width: 100% !important;
    height: 48px !important;
    border-radius: 10px !important;
    border: 2px solid #e2e8f0 !important;
    background-color: #ffffff !important;
    color: #64748b !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 16px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}
/* _content/BulkSms_6/Components/Pages/SMSFlyer/SatatistiqueFlyer/Stats-flyer.razor.rz.scp.css */
/* Fichier: wwwroot/css/flyers/flyerstats.css */

/* Carte principale */
.stats-card[b-419v94upth] {
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    margin-bottom: 1.5rem;
    border: none;
    overflow: hidden;
}

    .stats-card:hover[b-419v94upth] {
        transform: translateY(-5px);
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
    }

/* En-tête de carte */
.stats-card-header[b-419v94upth] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    padding: 1rem 1.5rem;
    font-weight: 600;
    border-bottom: none;
}

    .stats-card-header h5[b-419v94upth] {
        margin: 0;
        font-size: 1.2rem;
        display: flex;
        align-items: center;
    }

        .stats-card-header h5 i[b-419v94upth] {
            margin-right: 0.5rem;
        }

/* Corps de carte */
.stats-card-body[b-419v94upth] {
    padding: 1.5rem;
    background-color: #ffffff;
}

/* Vue d'ensemble */

/* Vue d'ensemble */
.overview-stat[b-419v94upth] {
    display: block;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eaeaea;
}

    .overview-stat:last-child[b-419v94upth] {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

.stat-info[b-419v94upth] {
    display: flex;
    flex-direction: column;
}

.stat-label[b-419v94upth] {
    color: #7f8c8d;
    font-weight: 500;
    font-size: 0.9rem;
    margin-bottom: 0.4rem;
}

.stat-value[b-419v94upth] {
    font-weight: 700;
    font-size: 1.1rem;
    color: #2c3e50;
}

.stat-value-container[b-419v94upth] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.stat-highlight[b-419v94upth] {
    color: #2980b9;
    font-size: 1.25rem;
}

/* Styles pour les dates */
.date-range[b-419v94upth] {
    color: #e67e22;
    font-weight: 700;
    font-size: 1.1rem;
}

.highlight-date[b-419v94upth] {
    color: #27ae60;
    font-weight: 700;
    font-size: 1.1rem;
}

/* Badge pour le nombre de vues */
.views-badge[b-419v94upth] {
    display: inline-block;
    padding: 0.35em 0.85em;
    font-size: 0.9em;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 50rem;
    background-color: #3498db;
    color: white;
}

/* Responsive design */
@media (max-width: 576px) {
    .stat-value-container[b-419v94upth] {
        margin-top: 0.25rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .views-badge[b-419v94upth] {
        align-self: flex-start;
    }
}



/* Graphique */
.chart-container[b-419v94upth] {
    position: relative;
    height: 400px;
    width: 100%;
}

canvas#statsChart[b-419v94upth] {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
}

/* Filtres */
.filters-form[b-419v94upth] {
    padding: 0.5rem 0;
}

    .filters-form .form-group[b-419v94upth] {
        margin-bottom: 1.2rem;
    }

    .filters-form label[b-419v94upth] {
        font-weight: 500;
        color: #34495e;
        margin-bottom: 0.3rem;
    }

    .filters-form .form-control[b-419v94upth] {
        border-radius: 6px;
        border: 1px solid #dce4ec;
        padding: 0.6rem 0.8rem;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

        .filters-form .form-control:focus[b-419v94upth] {
            border-color: #3498db;
            box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
            outline: none;
        }

.btn-apply[b-419v94upth] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    border: none;
    border-radius: 6px;
    padding: 0.6rem 1.2rem;
    font-weight: 600;
    color: white;
    transition: transform 0.1s ease, box-shadow 0.1s ease;
    width: 100%;
}

    .btn-apply:hover[b-419v94upth] {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        color: white;
    }

    .btn-apply:active[b-419v94upth] {
        transform: translateY(0);
    }

    .btn-apply:focus[b-419v94upth] {
        box-shadow: 0 0 0 0.25rem rgba(52, 152, 219, 0.5);
        outline: none;
    }

/* Tableau de données */
.table-stats[b-419v94upth] {
    margin-top: 1rem;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

    .table-stats thead th[b-419v94upth] {
        background-color: #f8f9fa;
        border-top: none;
        border-bottom: 2px solid #e9ecef;
        color: #495057;
        font-weight: 600;
        padding: 0.75rem 1rem;
        text-align: left;
    }

    .table-stats tbody tr[b-419v94upth] {
        transition: background-color 0.1s ease;
    }

        .table-stats tbody tr:hover[b-419v94upth] {
            background-color: rgba(52, 152, 219, 0.05);
        }

    .table-stats tbody td[b-419v94upth] {
        padding: 0.75rem 1rem;
        vertical-align: middle;
        border-color: #e9ecef;
        border-top: 1px solid #e9ecef;
    }

/* Responsive design */
@media (max-width: 992px) {
    .chart-container[b-419v94upth] {
        height: 350px;
    }
}

@media (max-width: 768px) {
    .stats-card[b-419v94upth] {
        margin-bottom: 1rem;
    }

    .chart-container[b-419v94upth] {
        height: 300px;
    }
}

@media (max-width: 576px) {
    .overview-stat[b-419v94upth] {
        flex-direction: column;
        align-items: flex-start;
    }

    .stat-value[b-419v94upth] {
        margin-top: 0.5rem;
        width: 100%;
    }

    .views-badge[b-419v94upth] {
        margin-top: 0.5rem;
        margin-left: 0;
    }

    .stats-card-header h5[b-419v94upth] {
        font-size: 1.1rem;
    }

    .chart-container[b-419v94upth] {
        height: 250px;
    }

    .filters-form .form-group[b-419v94upth] {
        margin-bottom: 1rem;
    }
}




.stats-header[b-419v94upth] {
    background-color: #2196F3;
    color: white;
    padding: 12px 16px;
    border-radius: 4px 4px 0 0;
}
    
.btn-toggle-details[b-419v94upth] {
    background-color: rgba(255, 255, 255, 0.15);
    border: 2px solid white;
    color: white;
    font-weight: 500;
    padding: 0.35rem 0.8rem;
    border-radius: 4px;
    transition: all 0.2s ease;
}

    .btn-toggle-details:hover[b-419v94upth] {
        background-color: white;
        color: #2196F3;
    }

    .btn-toggle-details:focus[b-419v94upth] {
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
    }
/* _content/BulkSms_6/Components/Pages/SMSFlyer/Visualisation/PcView.razor.rz.scp.css */
/* _content/BulkSms_6/Components/Pages/SMSFlyer/Visualiser-Flyer.razor.rz.scp.css */
.flyer-container[b-hivs568aoq] {
    position: relative;
    width: 100%;
    overflow: visible; /* ou hidden si vous voulez couper le texte hors image */
    height: auto; /* ← IMPORTANT : ne pas fixer une hauteur en vh ici */
}

.animation-container[b-hivs568aoq] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    pointer-events: none;
}

.fullscreen-row[b-hivs568aoq] {
    min-height: 100vh; /* Prend toute la hauteur de l'écran */
    display: flex;
    align-items: center; /* Centre verticalement */
   /* justify-content: center;  Centre horizontalement */
    /*padding: 1rem;*/ /* Facultatif : évite le collage aux bords */
}


/* _content/BulkSms_6/Components/Pages/Spin_Wheel/PopupWelcome.razor.rz.scp.css */
.popup-overlay[b-boftde8a2k] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    /*animation: fadeOutOverlay 7s ease forwards;*/
}

.welcome-box[b-boftde8a2k] {
    background: #fff;
    padding: 25px 30px;
    border-radius: 20px;
    max-width: 500px;
    width: 90%;
    text-align: center;
    color: #333;
    box-shadow: 0 8px 30px rgba(0,0,0,0.2);
    /*animation: fadeOutBox 7s ease forwards;*/
}

@keyframes fadeOutOverlay-b-boftde8a2k {
    0%, 70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOutBox-b-boftde8a2k {
    0%, 70% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0.95);
    }
}



.btn-start[b-boftde8a2k] {
    background: linear-gradient(to right, #6a1b9a, #ab47bc);
    color: white;
    padding: 10px 25px;
    font-size: 1.1rem;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .btn-start:hover[b-boftde8a2k] {
        transform: scale(1.05);
        box-shadow: 0 0 10px rgba(106, 27, 154, 0.6);
    }
/* _content/BulkSms_6/Components/Pages/Spin_Wheel/PopupWin.razor.rz.scp.css */
.popup-overlay[b-5oqm5wdxlc] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.win-box[b-5oqm5wdxlc] {
    background: #fff;
    padding: 25px 30px;
    border-radius: 20px;
    text-align: center;
    max-width: 500px;
    width: 90%;
    animation: fadeIn-b-5oqm5wdxlc 0.4s ease;
    box-shadow: 0 8px 30px rgba(0,0,0,0.2);
}

@keyframes fadeIn-b-5oqm5wdxlc {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* _content/BulkSms_6/Components/Pages/Spin_Wheel/SpinWheelActif.razor.rz.scp.css */
   /*principal*/

.wheel[b-4admlzcfov] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.center-button[b-4admlzcfov] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20vmin;
    height: 20vmin;
    border-radius: 50%;
    background: radial-gradient(circle, #ddd, #bbb);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2vmin;
    cursor: pointer;
    z-index: 5;
}

.pointer[b-4admlzcfov] {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 25px solid red;
    z-index: 10;
}

text[b-4admlzcfov] {
    font-size: 14px;
    font-weight: bold;
    fill: white;
    pointer-events: none;
    text-anchor: middle;
    dominant-baseline: middle;
}

#svgWheel text[b-4admlzcfov] {
    font-family: Arial, sans-serif;
    font-size: 14px;
    fill: white;
    text-anchor: middle;
    alignment-baseline: middle;
    pointer-events: none;
}



.wheel-container[b-4admlzcfov] {
    position: relative;
    width: 80%;
    height: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px; /* espace avec le bouton */
    background: transparent !important;
}


.wheel-wrapper[b-4admlzcfov] {
    position: relative;
    width: 100%;
    height: 100%;
}




#btnCenter[b-4admlzcfov] {
    pointer-events: auto !important;
    cursor: pointer;
}



.btn-spin[b-4admlzcfov] {
    pointer-events: all !important;
    cursor: pointer;
}



.wheel-frame[b-4admlzcfov] {
    position: relative;
    z-index: 2;
    background: transparent !important;
}





.wheel-frame[b-4admlzcfov] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3; /* au-dessus de la roue */
    pointer-events: none; /* pour que le clic passe à travers */
}

#svgWheel[b-4admlzcfov] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; /* sous la flèche */
    width: 100%;
    height: 100%;
    transition: transform 5s cubic-bezier(0.33, 1, 0.68, 1);
}



.win-animation[b-4admlzcfov] {
    animation: pulseWin-b-4admlzcfov 1.5s ease-in-out 3;
}

@keyframes pulseWin-b-4admlzcfov {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}

.div-roue[b-4admlzcfov] {
    /*background: rgb(146,34,195);*/
    background: linear-gradient(0deg, rgba(146,34,195,1) 15%, rgba(246,45,253,1) 100%);
    height: 100vh;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    padding-top: 30px;
}

/* Style du titre */
.title[b-4admlzcfov] {
    color: white;
    font-size: 2rem;
    margin-bottom: 20px;
}



/* Bouton */
.spin-btn[b-4admlzcfov] {
    background-color: #ff007a;
    color: white;
    font-size: 1.1rem;
    padding: 12px 24px;
    border: none;
    border-radius: 10px;
    margin-top: 20px;
    cursor: pointer;
}

#div-preview[b-4admlzcfov]{
    cursor:pointer;
}



.selected-cadre[b-4admlzcfov] {
    border: 3px solid #0d6efd; /* Couleur bleue Bootstrap */
    box-shadow: 0 0 10px rgba(13, 110, 253, 0.5);
    transition: 0.3s ease-in-out;
    position: relative; /* important pour ::after */
}

    .selected-cadre[b-4admlzcfov]::after {
        content: '✔';
        font-size: 12px;
        color: white;
        background-color: #0d6efd;
        border-radius: 50%;
        padding: 2px;
        width: 16px;
        height: 16px;
        line-height: 12px;
        text-align: center;
        position: absolute;
        top: 5px;
        right: 5px;
        box-shadow: 0 0 3px rgba(0,0,0,0.2);
    }


.gradient-box[b-4admlzcfov] {
    position: relative; /* nécessaire pour le ::after */
    height: 60px;
    cursor: pointer;
    border-radius: 8px;
    /*border: 2px solid transparent;*/
    transition: transform 0.2s;
}

/* Exemple de base avec un gradient par défaut */
.gradient-preview[b-4admlzcfov] {
    /*background: linear-gradient(0deg, #ff7e5f, #feb47b);*/
}

/* Style appliqué si sélectionné */
.selected-gradient[b-4admlzcfov] {
    border: 3px solid #0d6efd;
    /*box-shadow: 0 0 10px rgba(13, 110, 253, 0.5);*/
    position: relative;
}

    .selected-gradient[b-4admlzcfov]::after {
        content: '✔';
        font-size: 10px;
        color: white;
        background-color: #0d6efd;
        border-radius: 50%;
        padding: 2px;
        width: 16px;
        height: 16px;
        line-height: 12px;
        text-align: center;
        position: absolute;
        top: 5px;
        right: 5px;
        box-shadow: 0 0 3px rgba(0,0,0,0.2);
    }