/* CSS de debug pour forcer les proportions */
.calc-form-row {
    display: flex !important;
    gap: 1rem !important;
    margin-bottom: 1.5rem !important;
}

/* FORCE 70/30 avec méthodes multiples */
.calc-form-row:first-child {
    width: 100% !important;
}

.calc-form-row:first-child .calc-form-group:first-child {
    width: 70% !important;
    flex: 0 0 70% !important;
    max-width: 70% !important;
    min-width: 70% !important;
    background-color: rgba(255, 0, 0, 0.2) !important;
    border: 3px solid red !important;
    box-sizing: border-box !important;
}

.calc-form-row:first-child .calc-form-group:last-child {
    width: 28% !important;
    flex: 0 0 28% !important;
    max-width: 28% !important;
    min-width: 28% !important;
    background-color: rgba(0, 255, 0, 0.2) !important;
    border: 3px solid green !important;
    box-sizing: border-box !important;
}

/* Force les inputs et selects */
#productType, #quantity {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Centrages pour largeur/hauteur */
.calc-form-row:nth-child(2) {
    justify-content: center !important;
    gap: 2rem !important;
}

.calc-form-row:nth-child(2) .calc-form-group {
    flex: none !important;
    width: 180px !important;
}