/* WRAP & TOOLBAR */
.wc-bn-wrap{margin:16px 0 28px}
.wc-bn-toolbar{display:flex;gap:22px;justify-content:space-between;flex-wrap:wrap;margin:10px 0 14px}

/* BUTTONS */
.buttonuf{
    padding:12px 24px;
    background:#ff6b00;
    color:white;
    border:none;
    border-radius:24px;
    font-weight:800;
    font-size:14px;
    cursor:pointer;
    transition:background .2s, transform .1s, box-shadow .2s;
    box-shadow:0 4px 10px rgba(255,107,0,.2)
}
.buttonuf:hover{
    background:#e05c00;
    transform:translateY(-2px);
    box-shadow:0 6px 16px rgba(255,107,0,.3)
}
.buttonuf:active{transform:translateY(0)}

/* SEARCH */
.wc-bn-search{display:flex;gap:12px;align-items:center;flex:1;min-width:280px}
.wc-bn-search input{
    width:100%;
    height:58px;
    padding:0 12px;
    font-size:16px;
    line-height:58px;
    border:1.5px solid #e5e7eb;
    border-radius:28px;
    background:#fff;
    box-shadow:inset 0 1px 0 rgba(0,0,0,.02), 0 4px 14px rgba(0,0,0,.05);
    transition:border-color .2s, box-shadow .2s
}
.wc-bn-search input:focus{
    border-color:#ff6b00;
    box-shadow:0 6px 18px rgba(255,107,0,.15), inset 0 1px 0 rgba(0,0,0,.02)
}

/* TABLE BASE */
table.dataTable{width:100%; border-collapse:separate; border-spacing:0 0}
table.dataTable thead th{
    background:#eef1f5;
    color:#1f2937;
    font-weight:900;
    font-size:14px;
    padding:15px 12px;
    border-bottom:2px solid #e5e7eb;
    text-align: left;
}
/* sticky header */
.wc-bn-table thead th{position:sticky; top:0; z-index:2}

/* ROWS */
table.dataTable tbody td{
    font-size:15px;
    padding:15px 12px;
    border-top:1px solid #f1f3f5;
    text-align: left;
}
.wc-bn-table tbody tr{transition:background-color .15s}
.wc-bn-table tbody tr:nth-child(even){background:#fbfcfd}
.wc-bn-table tbody tr:hover{background:#f6f9ff}

/* ABLAUF kırmızı */
.ab-late{color:#e11d48; font-weight:800}

/* HÜCRE HİZALAMA */
.wc-bn-table td:nth-child(1),
.wc-bn-table td:nth-child(2),
.wc-bn-table td:nth-child(3),
.wc-bn-table td:nth-child(4),
.wc-bn-table td:nth-child(5){white-space:nowrap}

/* BN sütunu sola hizalı */
.wc-bn-table td:nth-child(1) {
    text-align: left !important;
}

/* Sort ikonları */
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after{opacity:.6; right:12px}

/* MOBİL */
@media (max-width: 980px){
    .wc-bn-toolbar{flex-direction:column; gap:16px}
    .wc-bn-search{min-width:100%}
    .wc-bn-search input{height:54px; font-size:17px}
    table.dataTable thead th{font-size:14px; padding:14px 10px}
    table.dataTable tbody td{font-size:14px; padding:14px 10px}
    .buttonuf{width:100%}
}