body {
    background-color: white;
    color: #2222aa;
}

.nav-link.dropdown-toggle,
.navbar-nav .nav-link,
.bloc_current_user {
    color: #2222aa;
}

.nav-link:hover {
    color: #00c3a0;
}

.nav-link.dropdown-toggle.active, .nav-link.dropdown-toggle.show,
.navbar-nav .nav-link.active {
    color: #00c3a0;
}

div.matierepremiere,
div.processprod {
    width: 100%;
}

.InfoRequest {
    color: #2222aa;
}

.matierepremiere th,
.processprod th {
    font-size: 15px;
}

.matierepremiere td,
.processprod td {
    font-size: 12px;
    
}

/* ══════════════════════════════════════════════════
   Modern accordion — BOM (blue) & BOR (indigo)
   ══════════════════════════════════════════════════ */

/* Carte arrondie + ombre douce */
.matierepremiere.accordion,
.processprod.accordion {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,.07);
    border: 1px solid rgba(0,0,0,.08);
    margin-top: 20px;
    
}

/* Reset box-shadow Bootstrap sur focus */
.matierepremiere .accordion-button,
.processprod    .accordion-button {
    font-weight: 600;
    box-shadow: none !important;
}

/* ── BOM / matierepremiere — bleu poudré ── */
.matierepremiere .accordion-button,
.matierepremiere .accordion-button:not(.collapsed) {
    background-color: #dce8f6;
    color: #1a3d78;
}
.matierepremiere .accordion-button:hover {
    background-color: #cddff3;
    color: #1a3d78;
}
.matierepremiere .accordion-body {
    background-color: #f5f8fd;
}

/* ── BOR / processprod — lavande douce ── */
.processprod .accordion-button,
.processprod .accordion-button:not(.collapsed) {
    background-color: #e4e1f5;
    color: #2b2762;
}
.processprod .accordion-button:hover {
    background-color: #d9d4f0;
    color: #2b2762;
}
.processprod .accordion-body {
    background-color: #f8f7fd;
}

tr.sousconfig{
    line-height: 60px;
    min-height: 60px;
    height: 60px;

}

tr.masterline {
    border-top: #052c65 2px solid;
}

/* .matierepremiere tr.sousconfig td{
    background-color: #e6b9b8 ;
} */

    .logonavrequest.active {
        color: #00c3a0;
    }
    .logonavrequest {
        color: #2222aa;
    }
    .logonavrequest:hover {
        color: #00c3a0;
    }

    .badgeSTDConfig, .badgeSTDConfig:hover {
        background-color: #00c3a0;
        color: white;
        font-weight: 600;
        letter-spacing: .02em;
    }
    .badgeSAVEDConfig, .badgeSAVEDConfig:hover {
        background-color: #1a7a5e;
        color: #ffffff;
        font-weight: 600;
        letter-spacing: .02em;
    }
    .badgeCurrentConfig, .badgeCurrentConfig:hover {
        background-color: #0284c7;
        color: #ffffff;
        font-weight: 600;
        letter-spacing: .02em;
    }

    .tableLinesConfig tbody td {
        
        padding-top: 2px;
        padding-bottom: 3px;
        font-size:12px;
    }
    .tableLinesConfig tbody tr {
        
        line-height: 12px;
    }
    
.lineaction {
    display: none;
}

.linesimul:hover .lineaction {
    display: block;
}

/* ── Boutons collapse BOM / BOR (DetailedCost) ── */
.btn-bom {
    background-color: #dce8f6;
    color: #1a3d78;
    border-color: #b8d0eb;
    font-weight: 600;
}
.btn-bom:hover, .btn-bom:focus {
    background-color: #cddff3;
    color: #1a3d78;
    border-color: #a6c4e6;
}
.btn-bom.btn-collapsed {
    background-color: transparent;
    color: #1a3d78;
    border-color: #b8d0eb;
}

.btn-bor {
    background-color: #e4e1f5;
    color: #2b2762;
    border-color: #ccc8e8;
    font-weight: 600;
}
.btn-bor:hover, .btn-bor:focus {
    background-color: #d9d4f0;
    color: #2b2762;
    border-color: #b9b4e0;
}
.btn-bor.btn-collapsed {
    background-color: transparent;
    color: #2b2762;
    border-color: #ccc8e8;
}

/* ══════════════════════════════════════════════════
   Modern table — BOM / Material / BOR / Routing
   ══════════════════════════════════════════════════ */

/* Base partagée */
.tableLinesConfig {
    border-color: #d4dae5 !important;
}

.tableLinesConfig thead th {
    font-size: 13px !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    white-space: nowrap;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    border-color: transparent !important;
}

.tableLinesConfig tbody tr {
    line-height: 1.4;
}

.tableLinesConfig tbody td {
    font-size: 12px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-color: #edf0f6 !important;
}

/* ── Groupe 1 : BOM / Material — bleu froid ── */
.matierepremiere .tableLinesConfig thead.table-primary {
    --bs-table-color:        #1a3d78;
    --bs-table-bg:           #d9e8f8;
    --bs-table-border-color: #d9e8f8;
}
.matierepremiere .tableLinesConfig {
    --bs-table-hover-bg: rgba(30, 100, 220, 0.05);
}

/* ── Groupe 2 : BOR / Routing — indigo chaud ── */
.processprod .tableLinesConfig thead.table-primary {
    --bs-table-color:        #2b2762;
    --bs-table-bg:           #e2dff6;
    --bs-table-border-color: #e2dff6;
}
.processprod .tableLinesConfig {
    --bs-table-hover-bg: rgba(90, 80, 200, 0.05);
}

/* ── DataTables — dark header ───────────────────────────── */
.dt-dark-header thead th {
    background-color: #2d4db5;
    color: #fff;
    font-weight: 600;
    border-color: #3357c0;
    white-space: nowrap;
}
/* Sort indicators inherit #00c3a0; DataTables opacity (0.4/0.8) still applies */
.dt-dark-header thead th span.dt-column-order::before,
.dt-dark-header thead th span.dt-column-order::after {
    color: #00c3a0;
}
.dt-dark-header tbody td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.dt-dark-header tbody td {
    border-color: #e0e4ea;
}
/* Edit button */
.dt-dark-header .btn-info {
    --bs-btn-bg:                 #00c3a0;
    --bs-btn-border-color:       #00c3a0;
    --bs-btn-hover-bg:           #00a88a;
    --bs-btn-hover-border-color: #00a88a;
    --bs-btn-color:              #fff;
    --bs-btn-hover-color:        #fff;
}