/* Feuille de app_calcul_pose/templates/app_calcul_pose/configuration.html — sortie du gabarit le 2026-10-06 (carnet #36, lot 2).
   Chargée par {% feuille 'app_calcul_pose/css/configuration.css' %} : l'URL porte l'empreinte du fichier, le cache suit. */
.config-card { max-width: 800px; margin: 0 auto; }
.color-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-top: 10px; }
.color-input-group { text-align: center; }
.color-input-group label { display: block; font-size: 0.8rem; margin-bottom: 5px; font-weight: bold; }
input[type="color"] { width: 50px; height: 50px; border: none; cursor: pointer; background: none; }

.option-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; }
/* Les champs : même largeur, même hauteur, un peu d'air — ces classes
   n'étaient définies nulle part (carnet, 2026-10-03). */
.config-card .form-group { display: flex; flex-direction: column; gap: 6px; }
.config-card .form-label { font-weight: 600; font-size: 0.9rem; color: #2d3748; }
.config-card .form-input, .config-card .form-select {
    width: 100%; box-sizing: border-box; padding: 10px 12px; font: inherit;
    border: 1px solid #cbd5e0; border-radius: 8px; background: #fff; color: #1a202c;
}
.config-card .form-input:focus, .config-card .form-select:focus {
    outline: none; border-color: var(--lfis-blue); box-shadow: 0 0 0 3px rgba(0,51,160,0.15);
}
@media (max-width: 600px) { .option-row { grid-template-columns: 1fr; } }