/* =========================================================
   RECETTE INTERMÉDIAIRE — VERSION NETTOYÉE
   ========================================================= */

#ing-intermediate-create-box,
#ing-intermediate-card {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.tuco-intermediate-intro,
.tuco-intermediate-help {
    color: #85898c !important;
    line-height: 1.45 !important;
}

.tuco-intermediate-section-title {
    color: #304358 !important;
    font-size: 17px !important;
    letter-spacing: 0.12em !important;
}

/* Création : nom flexible, unité courte, bouton compact */
@media (min-width: 768px) {
    #ing-intermediate-create-box
    .tuco-intermediate-create-row {
        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr) 110px 145px !important;
        gap: 14px !important;
        align-items: end !important;
        margin: 0 !important;
    }

    #ing-intermediate-create-box
    .tuco-intermediate-create-row > [class*="col-"] {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}

#ing-intermediate-name,
#ing-intermediate-create-parent {
    height: 44px !important;
    min-height: 44px !important;
    border-radius: var(--radius-md) !important;
}

#ing-intermediate-name {
    padding: 0 16px !important;
    border: 1px solid var(--border) !important;
    background: var(--filter-surface) !important;
    box-shadow: none !important;
}

#ing-intermediate-parent-unit,
#ing-intermediate-parent-unit .Select,
#ing-intermediate-parent-unit .Select-control {
    height: 44px !important;
    min-height: 44px !important;
}

#ing-intermediate-parent-unit .Select-control {
    border-radius: var(--radius-md) !important;
    border-color: var(--border) !important;
    background: var(--surface) !important;
}

#ing-intermediate-parent-unit .Select-value,
#ing-intermediate-parent-unit .Select-placeholder,
#ing-intermediate-parent-unit .Select-input {
    height: 42px !important;
    line-height: 42px !important;
}

#ing-intermediate-create-parent {
    padding: 0 16px !important;
    white-space: nowrap !important;
}

/* Ligne d'ajout des composants */
@media (min-width: 768px) {
    #ing-intermediate-card
    .tuco-intermediate-builder-row {
        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr) 170px 145px !important;
        gap: 14px !important;
        align-items: center !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #ing-intermediate-card
    .tuco-intermediate-builder-row > [class*="col-"] {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}

/* Dropdown composant */
#ing-intermediate-component,
#ing-intermediate-component .Select,
#ing-intermediate-component .Select-control {
    height: 44px !important;
    min-height: 44px !important;
}

#ing-intermediate-component .Select-control {
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--surface) !important;
    box-shadow: none !important;
}

#ing-intermediate-component .Select-placeholder,
#ing-intermediate-component .Select-value,
#ing-intermediate-component .Select-input {
    height: 42px !important;
    line-height: 42px !important;
}

/* Quantité et unité */
#ing-intermediate-qty-group {
    height: 44px !important;
    min-height: 44px !important;
    overflow: hidden !important;

    border: 1px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--filter-surface) !important;
    box-shadow: none !important;
}

#ing-intermediate-qty {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    min-width: 0 !important;
    padding: 0 14px !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: var(--filter-surface) !important;
    box-shadow: none !important;

    appearance: textfield !important;
    -moz-appearance: textfield !important;
}

#ing-intermediate-qty::-webkit-inner-spin-button,
#ing-intermediate-qty::-webkit-outer-spin-button {
    margin: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

#ing-intermediate-unit-badge {
    width: 64px !important;
    min-width: 64px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 10px !important;

    border: 0 !important;
    border-left: 1px solid var(--border) !important;
    border-radius: 0 !important;
    background: var(--surface-2) !important;

    color: var(--text-muted) !important;
    font-weight: 500 !important;
}

#ing-intermediate-qty-group:focus-within {
    border-color: #45bf75 !important;
    box-shadow:
        0 0 0 2px rgba(69, 191, 117, 0.12) !important;
}

/* Ajouter */
#ing-intermediate-add {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 16px !important;

    border-radius: var(--radius-md) !important;
    white-space: nowrap !important;
}

/* Tableau */
#ing-intermediate-grid.tabulator {
    width: 100% !important;
    border: 1px solid #e5ded4 !important;
    border-radius: var(--radius-md) !important;
    overflow: hidden !important;
}

#ing-intermediate-grid
.tuco-intermediate-delete-column {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

#ing-intermediate-grid
.tuco-intermediate-delete-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #dc4c4c !important;
    opacity: 0.65;
}

#ing-intermediate-grid
.tuco-intermediate-delete-btn:hover {
    color: #c52f2f !important;
    background: rgba(220, 76, 76, 0.10) !important;
    opacity: 1;
}

.tuco-intermediate-cost {
    color: #50565a !important;
}

/* Mobile */
@media (max-width: 767.98px) {
    #ing-intermediate-create-box
    .tuco-intermediate-create-row,
    #ing-intermediate-card
    .tuco-intermediate-builder-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    #ing-intermediate-create-box
    .tuco-intermediate-create-row > [class*="col-"],
    #ing-intermediate-card
    .tuco-intermediate-builder-row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
    }
}