/*
 * Feuille de style du Bureau des Protocoles (BPC)
 * Version 1.2 : Palette de couleurs finale et style de bouton mis à jour
 */

/* La police par défaut pour tout le conteneur */
body #bpc-terminal-container {
    font-family: 'IBM Plex Mono', monospace;
    background-color: #1E1E1E; /* Fond: Anthracite */
    color: #E0E0E0; /* Texte: Blanc Cassé */
    border: 1px solid #3DCC91; /* Accent: Vert Terminal */
    padding: 25px;
    box-shadow: 0 0 15px rgba(61, 204, 145, 0.3); /* Lueur verte */
    margin: 20px 0;
}

/* La Directive (Texte d'introduction) */
#bpc-terminal-container .bpc-directive p {
    font-family: 'IBM Plex Mono', monospace;
    color: #3DCC91; /* Accent: Vert Terminal */
    margin-bottom: 25px;
    line-height: 1.6;
    border-bottom: 1px dashed #3DCC91; /* Accent: Vert Terminal */
    padding-bottom: 20px;
}

/* Conteneur pour chaque champ */
#bpc-terminal-container .bpc-field {
    margin-bottom: 20px;
}

/* Les étiquettes (labels) */
#bpc-terminal-container .bpc-form label {
    font-family: 'IBM Plex Mono', monospace;
    display: block;
    color: #3DCC91; /* Accent: Vert Terminal */
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: 1px;
}

/* Les champs de saisie (input, select, textarea) */
#bpc-terminal-container .bpc-form input[type="text"],
#bpc-terminal-container .bpc-form input[type="email"],
#bpc-terminal-container .bpc-form select,
#bpc-terminal-container .bpc-form textarea {
    font-family: 'IBM Plex Mono', monospace;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #3DCC91; /* Accent: Vert Terminal */
    color: #E0E0E0; /* Texte: Blanc Cassé */
    width: 100%;
    padding: 10px 5px;
    box-sizing: border-box; 
    margin: 0;
}

/* Style spécifique pour le menu déroulant */
#bpc-terminal-container .bpc-form select {
    background-color: #1E1E1E; /* Fond: Anthracite */
    border: 1px solid #3DCC91; /* Accent: Vert Terminal */
    padding: 10px;
}
#bpc-terminal-container .bpc-form select option {
     background-color: #1E1E1E; /* Fond: Anthracite */
     color: #E0E0E0; /* Texte: Blanc Cassé */
}

/* Changement de focus (curseur dans le champ) */
#bpc-terminal-container .bpc-form input:focus,
#bpc-terminal-container .bpc-form select:focus,
#bpc-terminal-container .bpc-form textarea:focus {
    outline: none;
    background-color: #333; /* Léger fond pour le focus */
    /* Avertissement (Attention) pour la lueur de focus */
    box-shadow: 0 0 10px rgba(255, 191, 0, 0.7); 
    border-bottom-color: #FFBF00; /* Avertissement (Attention) */
}

/* Le bouton de soumission (MODIFIÉ) */
#bpc-terminal-container .bpc-submit button {
    font-family: 'IBM Plex Mono', monospace;
    background-color: transparent; /* <-- Fond transparent */
    color: #3DCC91; /* <-- Texte vert */
    border: 2px solid #3DCC91; /* <-- Bordure verte */
    padding: 12px 20px;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.2s ease-out; /* Transition pour tous les effets */
    margin-top: 10px;
}

/* Effet au survol du bouton (MODIFIÉ) */
#bpc-terminal-container .bpc-submit button:hover {
    background-color: #3DCC91; /* <-- Devient vert au survol */
    color: #1E1E1E; /* <-- Texte anthracite */
    box-shadow: 0 0 10px rgba(61, 204, 145, 0.7); /* Lueur verte */
}

/* NOUVEAU : Effet au clic (enfoncement) */
#bpc-terminal-container .bpc-submit button:active {
    transform: translateY(2px); /* <-- Le bouton bouge vers le bas */
    transition-duration: 0.1s; /* Le clic est plus rapide */
}

/* Bouton désactivé (pendant l'envoi) */
#bpc-terminal-container .bpc-submit button:disabled {
    background-color: #555;
    color: #999;
    border-color: #555; /* Assurer que la bordure change aussi */
    cursor: wait;
    transform: translateY(0); /* Annuler l'effet de clic */
}

/* La zone de réponse (Confirmation ou Erreur) */
#bpc-response {
    margin-top: 20px;
    padding: 15px;
    border: 1px dashed #555;
    display: none; /* Caché par défaut */
    font-weight: 700;
}

/* Style de la réponse en cas de succès */
#bpc-response.success {
    color: #3DCC91; /* Accent: Vert Terminal */
    border-color: #3DCC91; /* Accent: Vert Terminal */
    display: block; 
}

/* Style de la réponse en cas d'erreur */
#bpc-response.error {
    color: #D9534F; /* Erreur: Rouge Système */
    border-color: #D9534F; /* Erreur: Rouge Système */
    display: block; 
}