/* ==================================================
   MADRASAH REPORT PREMIUM TABLE
================================================== */


.madrasah-report{

    max-width:1400px;
    margin:auto;
    padding:2px;
    font-family:
    "SolaimanLipi",
    "Noto Sans Bengali",
    sans-serif;

}

/* ================= HEADER ================= */


.report-header{

    background:
    var( --gradient-secondary);


    color:#fff;
    padding:30px;
    border-radius:var( --radius-sm);
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:30px;
    box-shadow:
    0 15px 35px rgba(0,0,0,.15);


}

.report-title{
font-size:30px;
font-weight:800;
display:flex;
align-items:center;
gap:15px;

}

.report-title i{
font-size:40px;

}



.report-subtitle{
margin-top:8px;
font-size:16px;
opacity:.9;
}

/* BUTTON */
.action-group{
display:flex;
gap:12px;


}



.action-group .btn{
border-radius:50px;
padding:10px 25px;
font-weight:700;
}

/* ================= TABLE ================= */
.report-table{
width:100%;
border-collapse:collapse;
}

.report-table th{
background:

var( --gradient-secondary);


color:#fff;
font-size:18px;
font-weight:800;
padding:15px;
text-align:left;
}

.report-table th i{
margin-right:10px;
}

/* LABEL */
.report-table .label{
width:18%;
background:

linear-gradient(
90deg,
#eff6ff,
#fff
);


color:#075985;
font-weight:700;
padding:15px;
border:1px solid #dbeafe;
white-space:nowrap;
}

/* VALUE */
.report-table .value{
width:32%;
padding:15px;
border:1px solid #e5e7eb;
color:#111827;
font-size:15px;
line-height:1.8;
}

/* ROW HOVER */
.report-table tbody tr{
transition:.3s;

}

.report-table tbody tr:hover{
background:#f8fbff;
}

/* EMPTY VALUE */
.report-table .value:empty:before{
content:"তথ্য নেই";
color:#9ca3af;
font-style:italic;
}

/* FOOTER */
.report-footer{
text-align:center;
margin-top:30px;
}

.report-footer .btn{
border-radius:50px;
padding:12px 35px;
font-weight:700;
}

/* ================= MOBILE ================= */

@media(max-width:768px){
.madrasah-report{
padding:10px;

}

.report-header{
flex-direction:column;
align-items:flex-start;
gap:20px;

}

.report-title{
font-size:22px;
}
.report-table{
display:block;
overflow-x:auto;
}

.report-table .label{
white-space:normal;
}

}

/* ================= PRINT ================= */
@media print{

body{
background:#fff!important;
}
.dont-print{
display:none!important;

}

.madrasah-report{
padding:0;

}

.report-header{
background:#fff!important;
color:#000!important;
border:2px solid #333;
box-shadow:none;
}


.report-table th{
background:#eee!important;
color:#000!important;


-webkit-print-color-adjust:exact;

}

.report-table td{
font-size:13px;
}
}