/**********************************************
 * FORMULAIRE ADMIN
 **********************************************/

/* Conteneur principal */
form {
    background: #ffffff;
    padding: 30px 28px;
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.06);
    border: 1px solid #e5e7eb;
}

/* Labels */
form label {
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 6px;
    display: block;
}

/* Inputs, selects, textarea */
form input[type="text"],
form input[type="number"],
form input[type="email"],
form input[type="date"],
form input[type="file"],
form input[type="tel"],
form select.form-select,
form textarea.form-control {
    width: 100%;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #d1d5db;
    background: #f9fafb;
    font-size: 15px;
    color: #111827;
    transition: 0.2s;
}

/* Flèche custom pour les selects */
form select.form-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5.516 7.548l4.484 4.484 4.484-4.484L16 8.548l-6 6-6-6z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px;
    padding-right: 40px; /* pour laisser la place à la flèche */
}


/* Focus premium */
form input:focus,
form textarea.form-control:focus,
form textarea.form-control:focus {
    border-color: #6366f1;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.15);
    outline: none;
}

/* Textarea */
form textarea.form-control {
    min-height: 120px;
    resize: vertical;
}

/* Espacement entre champs */
form .form-group,
form div.form-row,
form > div {
    margin-bottom: 18px;
}

/**********************************************
 * BOUTONS FORMULAIRE
 **********************************************/

form button.btn,
form a.btn {
    border-radius: 8px !important;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
}

/* Bouton principal */
form .btn-outline-success {
    border-color: #10b981;
    color: #059669;
}

form .btn-outline-success:hover {
    background: #10b981;
    color: white;
}

/* Bouton annuler */
form .btn-outline-danger {
    border-color: #ef4444;
    color: #dc2626;
}

form .btn-outline-danger:hover {
    background: #ef4444;
    color: white;
}

/**********************************************
 * TITRES FORMULAIRES
 **********************************************/

main h1 {
    font-size: 26px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 25px;
}

/**********************************************
 * LAYOUT DU MAIN (COHÉRENT AVEC TABLEAUX)
 **********************************************/

main {
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.04);
}