.manage-guild-applications-page-container {}
.guild-applications-section h3 { margin-bottom: 15px; }
.guild-applications-table { width: 100%; /* etc. comme .guild-members-table */ }
.application-actions-cell button { margin-right: 5px; }
.application-actions-cell button:last-child { margin-right: 0; }
.guild-action-button.small .material-symbols-outlined { font-size: 1.1em; vertical-align: text-bottom; }

/* Styles pour les actions en haut de page */
.page-header-actions {
    margin-bottom: 20px;
    display: flex; /* Pour aligner les boutons horizontalement */
    gap: 10px;     /* Espace entre les boutons */
    flex-wrap: wrap; /* Permet aux boutons de passer à la ligne si l'espace est limité */
}

.back-to-hub-link,
.back-to-link { /* Classe commune pour les liens de retour */
    display: inline-flex;
    align-items: center;
    padding: 8px 15px;
    background-color: #4a4a4a; /* Couleur neutre pour retour */
    color: #ccc;
    text-decoration: none;
    border-radius: 5px;
    font-size: 0.95em;
    transition: background-color 0.2s;
}
.back-to-hub-link:hover,
.back-to-link:hover {
    background-color: #5a5a5a;
    color: #fff;
}
.back-to-hub-link .material-symbols-outlined,
.back-to-link .material-symbols-outlined {
    margin-right: 8px;
    font-size: 1.2em; /* Ajustez la taille de l'icône */
}

/* Différencier un peu le lien du hub si besoin (ou garder le même style) */
.back-to-hub-link .material-symbols-outlined {
    /* color: #ffc107; */ /* Exemple: icône ambre pour le hub */
}
.back-to-link .material-symbols-outlined { /* Pour le retour à la liste des membres */
    /* color: #2196F3; */ /* Exemple: icône bleue */
}

/* Modale Champ de saisie invitation */
/* Styles pour les éléments injectés dans la modale globale */

/* Si vous avez une classe .form-group générique, elle peut déjà être stylée.
   Sinon, voici des styles de base pour le conteneur du champ. */
.global-modal-content .form-group { /* Cible les .form-group spécifiquement dans la modale */
    margin-bottom: 15px;
    text-align: left; /* Assurer que le label et l'input sont alignés à gauche */
}

.global-modal-content .form-group label { /* Si vous ajoutez un label visible au-dessus du champ */
    display: block;
    margin-bottom: 5px;
    font-weight: normal; /* Moins d'emphase qu'un label de formulaire principal */
    color: #ddd; /* Couleur du texte du label */
}

/* Style pour le champ de saisie de texte dans la modale */
.global-modal-content input[type="text"].form-control,
#input_player_nick_to_invite_modal { /* Cible spécifique par ID si besoin */
    width: 100%;
    padding: 10px; /* Un peu plus de padding */
    border: 1px solid #555;
    background-color: #222; /* Fond plus sombre pour le champ */
    color: #eee; /* Couleur du texte saisi */
    border-radius: 4px;
    box-sizing: border-box; /* Important pour que padding et border n'augmentent pas la largeur totale */
    font-size: 1em; /* Taille de police standard */
}

.global-modal-content input[type="text"].form-control:focus,
#input_player_nick_to_invite_modal:focus {
    border-color: #4CAF50; /* Couleur d'accentuation au focus */
    box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.3); /* Léger halo au focus */
    outline: none; /* Supprimer l'outline par défaut du navigateur */
}

/* Placeholder text style (optionnel) */
.global-modal-content input[type="text"].form-control::placeholder {
    color: #888;
    opacity: 1; /* Firefox */
}
#input_player_nick_to_invite_modal::placeholder { /* Pour cibler spécifiquement si la classe .form-control n'est pas toujours là */
    color: #888;
    opacity: 1;
}

/* Style pour le paragraphe de prompt au-dessus du champ */
.global-modal-content p {
    color: #ccc;
    margin-bottom: 10px;
    text-align: left;
}


.table-responsive-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Pour un défilement tactile plus fluide */
    margin-bottom: 15px; 
}

/* Styles pour les boutons d'action dans la table des candidatures */
.application-actions-cell .guild-action-button.small {
    margin: 0 3px; /* Un peu d'espace entre les boutons Accepter/Refuser */
}

.application-actions-cell .icon-accept,
.application-actions-cell .accept-application-btn {
    color: #4CAF50; /* Vert pour accepter */
}
.application-actions-cell .accept-application-btn:hover {
    background-color: #45a049; /* Vert plus foncé au survol */
    border-color: #388E3C;
    color: white;
}
.application-actions-cell .accept-application-btn:hover .icon-accept {
    color: white;
}


.application-actions-cell .icon-reject,
.application-actions-cell .reject-application-btn {
    color: #f44336; /* Rouge pour refuser */
}
.application-actions-cell .reject-application-btn:hover {
    background-color: #e53935; /* Rouge plus foncé au survol */
    border-color: #d32f2f;
    color: white;
}
.application-actions-cell .reject-application-btn:hover .icon-reject {
    color: white;
}

/* Assurer que les icônes dans les boutons .small sont bien dimensionnées */
.guild-action-button.small .material-symbols-outlined {
    font-size: 1.8em; /* Ajustez si nécessaire */
    vertical-align: middle; /* Meilleur alignement vertical */
    line-height: 1; /* Empêche un décalage de ligne si le bouton a du padding */
}