/*
.edit-mode-cell {
    background-color: aqua;
    padding: 0px;
    margin: 0;
    padding-block: 0px;
}

.mud-input-control-input-container {
    background-color: gold;
    padding: 0px;
    margin: 0;
    padding-block: 0px;
}

.mud-input-text {
    background-color: blue;
    padding: 0px;
    margin: 0;
    padding-block: 0px;
}

.mud-input {
    background-color: chartreuse;
    padding: 0px;
    margin: 0;
    padding-block: 0px;
}

.mud-input-root {
    background-color: chartreuse;
    padding: 0px;
    margin: 0;
    padding-block: 0px;
}

.mud-input-margin-dense {
    background-color: blue;
    padding: 0px;
    margin: 0;
    padding-block: 0px;
}

.mud-input-slot {
    background-color: chartreuse;
    padding: 0px;
    margin: 0;
    padding-block:0px;
}

*/

.mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 2px 5px !important;
    margin: 0;
    padding-block: 0px;
}

.mud-table-cell, .edit-mode-cell * .mud-input > input.mud-input-root {
    padding: 5px;
    margin: 0;
    padding-block: 0px;
}

/*div.mud-input-slot.mud-input-root {
    padding: 0px;
    margin: 0;
    padding-block: 0px;
}*/


/* 
.mud-input > input.mud-input-root.mud-input-root-margin-dense {
    padding: 0px;
    margin: 0;
    padding-block: 0px;
}
*/
/*
.mud-icon-button {
    padding: 0px;
    margin: 0;
    padding-block: 0px;
}


    

.mud-table-cell {
    background-color: brown;
    padding: 0px;
    margin: 0;
    padding-block: 0px;
}

.mud-table-dense {
    background-color: brown;
    padding: 0px;
    margin: 0;
    padding-block: 0px;
}

.mud-table-row {
    background-color: brown;
    padding: 0px;
    margin: 0;
    padding-block: 0px;
} /**/

/*.mud-expansion-panels*/
/*.nav-mud-expand-panel .mud-expand-panel .mud-expand-panel-header*/

.nav-mud-expand-panel .mud-expand-panel-header {
    /*background-color: blue;*/
    padding-bottom: 0px;
    padding-top: 0px;
    /*padding: 0px;*/
    margin: 0;
    padding-block: 0px;
    border-radius: 4px;
    min-height: 32px;
    font-size: 15px;
}

/*.nav-mud-expand-panel {
    background-color: brown;
    padding-bottom: 0px;
    padding-top: 0px;
    padding: 0px;
    margin: 0;
    padding-block: 0px;
    border-radius: 4px;
    min-height: 32px;
    font-size: 15px;
    }*/

.mud-expand-panel-text {
    /*background-color: brown;*/
    font-weight: bold;
    padding: 0px;
    border-radius: 4px;
}

.mud-expand-panel:hover {
    background: #EEEEEE;
}

.mud-expand-panel-content a:hover {
    font-weight: bold;
    position: relative;
}

.mud-expand-panel-content a:hover:before {
    content: ">";
    position: absolute;
    right: calc(100% + 5px);
}

.currency::after {
    content: "€";
    margin-right: 0.2em; /* Optionnel pour l'espacement */
}


.two-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 colonnes de tailles égales */
    gap: 1rem; /* Espacement entre les champs */
}

.two-columns .field {
    width: 100%; /* Les champs occupent toute la largeur de leur colonne */
}

:root {
    --mud-appbar-height: 80px; /* Change la hauteur selon ton besoin */
}

/*Concernant les largeurs de colonnes "prix", je pense qu'au lieu de les élargir il serait préférable de supprimer la marge gauche des input "numériques" qui ne sert à rien*/
input[inputmode="numeric"] {
    padding-inline-start: 0 !important;
    text-align: right;
}


/*Peux-tu supprimer la largeur fixe (width 400px) de la colonne "Appellation" pour revenir à une largeur automatique stp ?
Elle prend vraiment beaucoup de place par rapport au reste*/


/*Quelques ajustements sur les entêtes des tableaux qui ne ressortent pas assez selon moi*/
.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell {
    background-color: #DDD;
    font-weight: bold;
    text-transform: uppercase;
}

    .mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell:not(:last-child) {
        border-right: 1px solid #BBB;
    }


/*Réduction de l'opacité des options de filtre/tri que je trouve trop présentes*/
.column-header .sortable-column-header.cursor-pointer + .column-options {
    opacity: 0.3;
}