/* ==========================================================
   TucoData - popup ajout/modification ingrédient d'une recette
   ========================================================== */

#rec-modal .modal-content {
    border: 1px solid var(--border) !important;
    border-radius: 20px !important;
    overflow: hidden;
    background: var(--surface) !important;
    box-shadow: 0 18px 55px rgba(32, 28, 24, 0.16);
}

#rec-modal .modal-header,
#rec-modal .modal-body,
#rec-modal .modal-footer {
    background: var(--surface) !important;
}

#rec-modal .modal-header {
    border-bottom: 1px solid var(--surface-2) !important;
}

#rec-modal .modal-footer {
    border-top: 1px solid var(--surface-2) !important;
}


/* Dropdown ingrédient */
#rec-modal .Select-control {
    background: var(--input-surface) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
    min-height: 46px;
    box-shadow: none !important;
}

#rec-modal .Select.is-focused > .Select-control {
    border-color: var(--border) !important;
    box-shadow: 0 0 0 2px rgba(205, 190, 173, 0.18) !important;
}


/* Quantité */
.tuco-rec-qty-group {
    border-radius: var(--radius-md) !important;
}

.tuco-rec-qty-input {
    min-height: 52px !important;
    background: var(--input-surface) !important;
    border: 1px solid var(--border) !important;
    border-right: 0 !important;
    border-radius: 12px 0 0 12px !important;
    box-shadow: none !important;
    padding-left: 16px !important;
}

.tuco-rec-qty-input:focus {
    background: var(--input-surface) !important;
    border-color: var(--border) !important;
    box-shadow: none !important;
}


/* Unité canonique */
.tuco-rec-unit-badge {
    min-width: 115px;
    justify-content: center;

    background: #EFE6DB !important;
    border: 1px solid var(--border) !important;
    border-left: 0 !important;
    border-radius: 0 12px 12px 0 !important;

    color: #51483F !important;
    font-weight: 700 !important;
}


/* Autres inputs de cette popup */
#rec-modal input.form-control:not(.tuco-rec-qty-input) {
    background: var(--input-surface) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: none !important;
}

#rec-modal input.form-control:focus {
    border-color: var(--border) !important;
    box-shadow: 0 0 0 2px rgba(205, 190, 173, 0.18) !important;
}

/* Popup "Créer une recette" - inputs nouveau produit */
#rec-create-modal #rec-create-new-name,
#rec-create-modal #rec-create-new-category {
    background: var(--input-surface) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: none !important;
}

#rec-create-modal #rec-create-new-name:focus,
#rec-create-modal #rec-create-new-category:focus {
    background: var(--input-surface) !important;
    border-color: var(--border) !important;
    box-shadow: 0 0 0 2px rgba(205, 190, 173, 0.18) !important;
}


/* Footer fiche recette */
#rec-editor-card .tuco-rec-editor-footer {
    background: var(--surface) !important;
    border-top: 1px solid var(--border) !important;
    padding: 18px 24px !important;
    gap: 12px;
}

#rec-editor-card .tuco-rec-editor-cancel {
    min-width: 150px;
    min-height: 50px;
    border-radius: var(--radius-md) !important;
    background: #F3EEE8 !important;
    border: 1px solid #E7DDD2 !important;
    color: var(--text) !important;
    font-weight: 700 !important;
}

#rec-editor-card .tuco-rec-editor-save {
    min-width: 165px;
    min-height: 50px;
    border-radius: var(--radius-md) !important;
    font-weight: 700 !important;
}