/* =========================
   Sekmeler
========================= */

.nav-tabs{
    border:none;
    gap:12px;
    margin-bottom:25px;
}

.nav-tabs .nav-item{
    margin-bottom:0;
}

.nav-tabs .nav-link{
    border:none;
    border-radius:12px;
    background:#f5f7fb;
    color:#495057;
    font-weight:600;
    padding:14px 20px;
    transition:.3s;
    box-shadow:0 2px 8px rgba(0,0,0,.05);
}

.nav-tabs .nav-link:hover{
    background:#eef5ff;
    color:#0d6efd;
}

.nav-tabs .nav-link.active{
    background:linear-gradient(135deg,#0d6efd,#3b82f6);
    color:#fff;
    box-shadow:0 10px 20px rgba(13,110,253,.25);
}

#nufusTable{
    border-collapse:separate;
    border-spacing:0;
}

#nufusTable thead th{
    color:#fff;
    border:none;
    padding:16px;
    font-weight:600;
    position:sticky;
    top:0;
    z-index:5;
    background:linear-gradient(135deg,#0d6efd,#2563eb)!important;
    backdrop-filter:blur(10px);
}

#nufusTable thead th:first-child{
    border-radius:12px 0 0 0;
}

#nufusTable thead th:last-child{
    border-radius:0 12px 0 0;
}

#nufusTable tbody td{
    padding:14px 16px;
    border-color:#edf2f7;
    transition:.25s;
    background:#fff;
}

#nufusTable tbody tr:nth-child(even) td{
    background:#fafbfc;
}

#nufusTable tbody tr{
    transition:.25s;
    box-shadow:0 0 0 rgba(0,0,0,0);
}

#nufusTable tbody tr:hover td{
    background:#f3f8ff;
    transform:scale(1.01);

}

#nufusTable tbody tr:hover{
    box-shadow:0 8px 20px rgba(13,110,253,.08);
}

#nufusTable tbody tr td:first-child{
    position:relative;
    font-weight:600;
    
}

#nufusTable td:first-child,
#nufusTable th:first-child{

    position:sticky;

    left:0;

    background:#fff;

    z-index:3;

}

#nufusTable tbody tr td:first-child::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    bottom:0;

    width:0;

    background:#0d6efd;

    transition:.25s;

}

#nufusTable tbody tr:hover td:first-child::before{

    width:5px;

}

#nufusTable tbody td:first-child{

    padding-left:22px;

}

.table-responsive{
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    max-height:700px;
    overflow:auto;
}

@media(max-width:768px){

.nav-tabs{

    display:flex;

    flex-direction:column;

}

.nav-tabs .nav-link{

    width:100%;

}

}

#nufusTable td{

    font-variant-numeric:tabular-nums;

    font-size:15px;

}

#nufusTable td:first-child{

    color:#1f2937;

}

#nufusTable tbody tr:hover td:first-child{

    color:#0d6efd;
    background:#f3f8ff;

}