/* Charte graphique ETS */

:root {
    --ets-primary: #174578;
    --ets-secondary: #2585bd;
    --ets-background: #f1f5f9;
}

/* Arrière-plan */
body {
    background-color: var(--ets-background);
    font-family: Arial, sans-serif;
}

/* Champs de saisie */
.form-control {
    border-radius: 8px;
    border: 1px solid #cbd5e1;
}

.form-control:focus {
    border-color: var(--ets-secondary);
    box-shadow: 0 0 0 0.2rem rgba(37,133,189,.15);
}

/* Bouton principal */
.btn-primary {
    background-color: var(--ets-primary);
    border-color: var(--ets-primary);
    border-radius: 8px;
}

.btn-primary:hover {
    background-color: var(--ets-secondary);
    border-color: var(--ets-secondary);
}

/* Liens */
a {
    color: var(--ets-primary);
}

/* Lien personnalisé */
.ets-password-link {
    margin-top: 12px;
    text-align: center;
    font-size: 0.9rem;
}
.ets-password-link {
    text-align: right;
    margin: -5px 0 18px;
    font-size: 0.9rem;
}

.ets-password-link a {
    color: #174578;
    text-decoration: none;
}

.ets-password-link a:hover {
    text-decoration: underline;
}

/* ==========================================
   COYOTES - DESIGN MODERNE
   ========================================== */

/* Cadres principaux */
.card {
    border-radius: 20px !important;
    border: 1px solid #e2e8f0;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

/* Champs de connexion */
.form-control {
    border-radius: 12px !important;
    min-height: 44px;
}

/* Icônes à gauche des champs */
.input-group > .input-group-prepend .input-group-text {
    border-radius: 12px 0 0 12px !important;
}

/* Champs accolés aux icônes */
.input-group > .input-group-prepend + .form-control {
    border-radius: 0 12px 12px 0 !important;
}

/* Champ avec icône à droite */
.input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Icône afficher le mot de passe */
.input-group > .input-group-append .input-group-text {
    border-radius: 0 12px 12px 0 !important;
}

/* Boutons */
.btn-success,
.btn-primary,
.btn-secondary {
    border-radius: 12px !important;
    padding: 10px 20px;
    transition: background-color 0.2s ease,
                box-shadow 0.2s ease;
}

/* Bouton de connexion */
.btn-success {
    background-color: var(--ets-primary);
    border-color: var(--ets-primary);
}

.btn-success:hover {
    background-color: var(--ets-secondary);
    border-color: var(--ets-secondary);
    box-shadow: 0 4px 12px rgba(23, 69, 120, 0.2);
}