/* =========================================
   BRASSERIE MANAGER - MODULE PRODUCTION
========================================= */

.bm-production-page{

    display:flex;

    flex-direction:column;

    min-height:100%;

    gap:20px;
}

/* =========================
   GRID
========================= */

.bm-grid{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:20px;

    flex-shrink:0;
}


/* =========================
   RESPONSIVE
========================= */

@media(max-width:1100px){

 

    .bm-grid{

    flex-shrink:0;
}

}

/* =========================
   GRAPHIQUE DENSITE
========================= */

.bm-card.large{

    display:flex;

    flex-direction:column;

    flex:1;

    min-height:500px;
}

.bm-density-chart-container{

    position:relative;

    flex:1;

    min-height:500px;
}

.bm-density-chart-container canvas{

    position:absolute;

    inset:0;

    width:100% !important;

    height:100% !important;
}

.bm-density-table-card{

    display:flex;

    flex-direction:column;

    height:30vh;

    min-height:220px;

    max-height:400px;

    overflow:hidden;

}

.bm-density-table-wrapper{

    flex:1;

    overflow-y:auto;
}

.bm-density-table-card table{

    width:100%;

    border-collapse:collapse;
}

.bm-density-table-card thead{

    position:sticky;

    top:0;

    background:#1c1c1c;

    z-index:10;
}
/* =========================
   FAKE CHART
========================= */

.fake-chart{

    width:100%;

    height:250px;

    margin-top:20px;

    border-radius:20px;

    background:linear-gradient(
        180deg,
        rgba(217,164,65,0.3),
        rgba(217,164,65,0.05)
    );
}

/* =========================
   Tableau brassin
========================= */

.bm-brassin-detail-table th{
    text-align:left;
}

/* =========================
   KPI ALCOOL
========================= */

.bm-info-layout{

    display:flex;

    justify-content:space-between;

    gap:30px;
}

.bm-info-data{

    flex:1;
}

.bm-abv-card{

    width:220px;

    min-width:220px;

    background:linear-gradient(
        180deg,
        rgba(217,164,65,0.25),
        rgba(217,164,65,0.05)
    );

    border:1px solid rgba(217,164,65,0.3);

    border-radius:20px;

    padding:25px;

    text-align:center;

    display:flex;

    flex-direction:column;

    justify-content:center;
}

.bm-abv-card span{

    font-size:42px;

    margin-bottom:10px;
}

.bm-abv-card h2{

    font-size:42px;

    color:#D9A441;

    margin-bottom:10px;
}

.bm-abv-card p{

    color:#aaa;
}



/* =========================
  INFORMATION
========================= */

.bm-info-data p{

    margin-bottom:18px;

    line-height:1.4;
}