.csab-container{
background:#ffffff;
padding:24px;
border-radius:18px;
box-shadow:0 5px 20px rgba(0,0,0,0.06);
}

.csab-container h2{
font-size:52px;
font-weight:800;
margin-bottom:25px;
line-height:1.1;
color:#111827;
}

#csab-form{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
gap:14px;
}

#csab-form input,
#csab-form select{
height:52px;
padding:0 14px;
border:1px solid #d1d5db;
border-radius:12px;
background:#f9fafb;
font-size:16px;
color:#111827;
}

#csab-form button{
height:52px;
background:#061534;
color:#fff;
border:none;
border-radius:12px;
font-size:18px;
font-weight:700;
cursor:pointer;
}

.export-wrap{
display:flex;
gap:12px;
margin-top:20px;
margin-bottom:12px;
}

.export-wrap button{
background:#2563eb;
color:#fff;
border:none;
padding:10px 16px;
border-radius:10px;
font-size:14px;
font-weight:600;
cursor:pointer;
}

.table-scroll{
max-height:650px;
overflow:auto;
border:1px solid #e5e7eb;
border-radius:14px;
}

.csab-table{
width:100%;
border-collapse:collapse;
min-width:1200px;
}

.csab-table th,
.csab-table td{
padding:10px;
border:1px solid #e5e7eb;
font-size:14px;
}

.csab-table th{
background:#061534;
color:#fff;
position:sticky;
top:0;
z-index:2;
}

@media(max-width:768px){

.csab-container h2{
font-size:34px;
}

#csab-form{
grid-template-columns:1fr;
}

}


.sorting-wrap{
margin-bottom:12px;
display:flex;
justify-content:flex-end;
}

#sortTable{
padding:10px 14px;
border:1px solid #d1d5db;
border-radius:10px;
background:#fff;
font-size:14px;
min-width:260px;
}


@media print{

body *{
visibility:hidden;
}

.table-scroll,
.table-scroll *{
visibility:visible;
}

.table-scroll{
position:absolute;
left:0;
top:0;
width:100%;
max-height:none !important;
overflow:visible !important;
}

}