/* CSS Minimaliste pour le formulaire - à mettre dans un fichier .css */
    .guild-form .form-group { margin-bottom: 15px; }
    .guild-form label { display: block; margin-bottom: 5px; font-weight: bold; }
    .guild-form input[type="text"],
    .guild-form input[type="number"],
    .guild-form textarea { 
        width: 100%; 
        padding: 8px; 
        border: 1px solid #555; 
        background-color: #333; 
        color: #ccc; 
        border-radius: 4px; 
        box-sizing: border-box;
    }
    .guild-form small { display: block; font-size: 0.85em; color: #aaa; margin-top: 3px; }
    .guild-form .required { color: #f44336; }
    .guild-form .form-note { font-style: italic; color: #bbb; margin-top: 20px; margin-bottom: 20px; }
    .guild-form .form-actions { text-align: right; }
    .form-field-errors li { color: #f44336; font-weight: bold; } /* Pour les erreurs de champ spécifiques */

.level-icon-inline {
    width: 108px;      /* Ajustez la largeur souhaitée pour l'icône en ligne */
    height: 30px;     /* Ajustez la hauteur souhaitée */
    vertical-align: middle; /* Aligne l'icône verticalement avec le texte adjacent */
    margin-right: 5px;  /* Espace entre l'icône et le nom du niveau */
    object-fit: contain;/* S'assure que l'image entière est visible sans déformation, en conservant les proportions */
    /* Optionnel : si vous voulez un petit fond si l'icône a des transparences */
    /* background-color: rgba(255, 255, 255, 0.1); */ 
    /* border-radius: 3px; */ /* Si vous voulez des coins arrondis pour l'icône */
}