/* =========================================================================
   ANKADorm - Ortak DataTable temasi  (anka-datatable.css)
   2026-09-12: Tum listelerde ayni gorunum. Yumusak renkler, sakin kontrast.
   Tema degiskenleri Ynex sablonundan alinir, yoksa fallback devreye girer.
   Bu dosyayi elle duzenlemek yerine degiskenleri ezmek yeterlidir.
   ========================================================================= */

.anka-dt-wrap {
    --anka-radius: 14px;
    --anka-radius-sm: 9px;
    --anka-bg: var(--custom-white, #fff);
    --anka-border: var(--default-border, #edf0f7);
    --anka-border-soft: color-mix(in srgb, var(--anka-border) 60%, transparent);
    --anka-text: var(--default-text-color, #4b5563);
    --anka-muted: var(--text-muted, #8c9097);
    --anka-primary: rgb(var(--primary-rgb, 91, 108, 255));
    --anka-primary-soft: rgba(var(--primary-rgb, 91, 108, 255), .09);
    --anka-primary-softer: rgba(var(--primary-rgb, 91, 108, 255), .045);
    --anka-head-bg: rgba(var(--primary-rgb, 91, 108, 255), .05);
    --anka-zebra: rgba(var(--light-rgb, 243, 246, 248), .45);
    --anka-hover: rgba(var(--primary-rgb, 91, 108, 255), .055);
    /* Durum tonlari - kasitli olarak cok soluk. Satiri boyamak degil, isaretlemek icin. */
    --anka-wait: #d99a06;
    --anka-wait-bg: rgba(217, 154, 6, .08);
    --anka-ok: #12a67c;
    --anka-ok-bg: rgba(18, 166, 124, .07);
    --anka-no: #e05260;
    --anka-no-bg: rgba(224, 82, 96, .07);
    --anka-info: #3ba1d9;
    --anka-info-bg: rgba(59, 161, 217, .07);
    position: relative;
}

/* ---------- ust cubuk: butonlar + arama ---------- */
.anka-dt-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    margin-bottom: .9rem;
}

.anka-dt-tools {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}

/* --- buton grubu --- */
.anka-dt-wrap .dt-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    float: none;
}

.anka-dt-wrap .dt-button,
.anka-dt-wrap .dt-buttons .btn {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin: 0;
    padding: .46rem .85rem;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--anka-text);
    background: var(--anka-bg);
    border: 1px solid var(--anka-border);
    border-radius: var(--anka-radius-sm);
    box-shadow: none;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

    .anka-dt-wrap .dt-button:hover,
    .anka-dt-wrap .dt-buttons .btn:hover {
        color: var(--anka-primary);
        background: var(--anka-primary-soft);
        border-color: rgba(var(--primary-rgb, 91, 108, 255), .28);
        transform: translateY(-1px);
    }

    .anka-dt-wrap .dt-button:active,
    .anka-dt-wrap .dt-button.active {
        transform: translateY(0);
    }

    .anka-dt-wrap .dt-button:focus-visible {
        outline: 2px solid rgba(var(--primary-rgb, 91, 108, 255), .45);
        outline-offset: 2px;
    }

.anka-dt-wrap .dt-button i {
    font-size: .95rem;
    line-height: 1;
}

/* acilir buton listesi (Disa Aktar / Sutunlar) */
.dt-button-collection {
    padding: .4rem;
    background: var(--custom-white, #fff);
    border: 1px solid var(--default-border, #edf0f7);
    border-radius: 12px;
    box-shadow: 0 12px 34px rgba(20, 24, 60, .12);
    min-width: 13rem;
    z-index: 1055;
}

    .dt-button-collection .dt-button {
        display: flex;
        width: 100%;
        justify-content: flex-start;
        border: 0;
        background: transparent;
        border-radius: 8px;
        padding: .5rem .65rem;
        margin: 0;
    }

        .dt-button-collection .dt-button:hover {
            transform: none;
        }

        .dt-button-collection .dt-button.active,
        .dt-button-collection .dt-button.dt-button-active {
            color: rgb(var(--primary-rgb, 91, 108, 255));
            background: rgba(var(--primary-rgb, 91, 108, 255), .07);
        }

/* --- Sutun listesi: acik / gizli ayrimi ---------------------------------
   Kullanicinin hangi sutunu listeden cikardigini bir bakista gormesi icin
   her satirda gercek bir onay kutusu var; gizli olanlar solgun ve sagda
   "gizli" etiketi tasiyor. */
.dt-button-collection .buttons-columnVisibility {
    gap: .6rem;
    align-items: center;
}

    .dt-button-collection .buttons-columnVisibility::before {
        content: "";
        flex: 0 0 auto;
        width: 15px;
        height: 15px;
        border: 1.5px solid var(--default-border, #d7dcea);
        border-radius: 4px;
        background: transparent;
        transition: background-color .12s ease, border-color .12s ease;
    }

    .dt-button-collection .buttons-columnVisibility.active::before,
    .dt-button-collection .buttons-columnVisibility.dt-button-active::before {
        border-color: rgb(var(--primary-rgb, 91, 108, 255));
        background: rgb(var(--primary-rgb, 91, 108, 255))
                    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m3 8.5 3.2 3.2L13 5'/%3e%3c/svg%3e")
                    center/11px no-repeat;
    }

    .dt-button-collection .buttons-columnVisibility:not(.active):not(.dt-button-active) {
        color: var(--text-muted, #8c9097);
    }

        .dt-button-collection .buttons-columnVisibility:not(.active):not(.dt-button-active)::after {
            content: "gizli";
            margin-left: auto;
            padding: .08rem .4rem;
            font-size: .65rem;
            font-weight: 600;
            letter-spacing: .03em;
            color: #d99a06;
            background: rgba(217, 154, 6, .1);
            border-radius: 999px;
        }

/* "Tum sutunlari goster" (colvisRestore) ayri dursun */
.dt-button-collection .buttons-colvisRestore {
    margin-top: .3rem;
    padding-top: .55rem;
    border-top: 1px solid var(--default-border, #edf0f7);
    border-radius: 0 0 8px 8px;
    font-size: .78rem;
    color: rgb(var(--primary-rgb, 91, 108, 255));
}

/* --- "Sutunlar" dugmesindeki gizli sayaci ------------------------------ */
.anka-dt-sayac {
    display: none;
    min-width: 18px;
    height: 18px;
    padding: 0 .3rem;
    margin-left: .1rem;
    font-size: .66rem;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    color: #fff;
    background: var(--anka-wait, #d99a06);
    border-radius: 999px;
}

    .anka-dt-sayac.gorunur {
        display: inline-block;
    }

.anka-dt-wrap .dt-button.anka-dt-btn-isaretli {
    color: var(--anka-wait, #d99a06);
    border-color: rgba(217, 154, 6, .35);
    background: var(--anka-wait-bg, rgba(217, 154, 6, .08));
}

/* --- Filtre cubugundaki "N sutun gizli" uyarisi ------------------------ */
.anka-dt-gizli {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    max-width: 100%;
    padding: .34rem .75rem;
    font-size: .75rem;
    font-weight: 500;
    color: var(--anka-wait, #d99a06);
    background: var(--anka-wait-bg, rgba(217, 154, 6, .08));
    border: 1px solid rgba(217, 154, 6, .28);
    border-radius: 999px;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease;
}

    .anka-dt-gizli:hover {
        background: rgba(217, 154, 6, .16);
        border-color: rgba(217, 154, 6, .45);
    }

    .anka-dt-gizli .anka-dt-gizli-metin {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 34ch;
    }

    .anka-dt-gizli em {
        font-style: normal;
        font-weight: 600;
        text-decoration: underline;
        text-underline-offset: 2px;
        opacity: .85;
    }

/* ---------- arama kutusu ---------- */
.anka-dt-wrap .dataTables_filter {
    float: none;
    margin: 0;
    text-align: left;
}

.anka-dt-search {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 250px;
}

    .anka-dt-search .anka-dt-search-icon {
        position: absolute;
        left: .7rem;
        font-size: .95rem;
        color: var(--anka-muted);
        pointer-events: none;
        line-height: 1;
    }

    .anka-dt-search input {
        width: 100%;
        height: 38px;
        padding: 0 2.1rem 0 2.15rem;
        font-size: .8125rem;
        color: var(--anka-text);
        background: var(--anka-bg);
        border: 1px solid var(--anka-border);
        border-radius: 999px;
        transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
    }

        .anka-dt-search input::placeholder {
            color: var(--anka-muted);
        }

        .anka-dt-search input:focus {
            outline: 0;
            border-color: rgba(var(--primary-rgb, 91, 108, 255), .5);
            box-shadow: 0 0 0 3px rgba(var(--primary-rgb, 91, 108, 255), .12);
        }

    .anka-dt-search .anka-dt-search-clear {
        position: absolute;
        right: .5rem;
        display: none;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        padding: 0;
        font-size: .9rem;
        line-height: 1;
        color: var(--anka-muted);
        background: transparent;
        border: 0;
        border-radius: 50%;
        cursor: pointer;
    }

        .anka-dt-search .anka-dt-search-clear:hover {
            color: var(--anka-no);
            background: var(--anka-no-bg);
        }

    .anka-dt-search.has-value .anka-dt-search-clear {
        display: inline-flex;
    }

/* ---------- durum filtresi (cipler) ve sutun suzgecleri ---------- */
.anka-dt-chipbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-bottom: .9rem;
}

.anka-dt-chips {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .3rem;
    padding: .28rem;
    background: var(--anka-zebra);
    border: 1px solid var(--anka-border);
    border-radius: 999px;
}

.anka-dt-chip {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    padding: .38rem .85rem;
    font-size: .8125rem;
    font-weight: 500;
    color: var(--anka-muted);
    background: transparent;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    transition: color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

    .anka-dt-chip:hover {
        color: var(--anka-text);
        background: var(--anka-bg);
    }

    .anka-dt-chip.is-active {
        color: var(--anka-text);
        background: var(--anka-bg);
        box-shadow: 0 1px 3px rgba(20, 24, 60, .1);
    }

    .anka-dt-chip .anka-dt-chip-dot {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: currentColor;
        opacity: .75;
    }

    .anka-dt-chip .anka-dt-chip-count {
        min-width: 20px;
        padding: .05rem .4rem;
        font-size: .6875rem;
        font-weight: 600;
        text-align: center;
        color: inherit;
        background: rgba(var(--dark-rgb, 26, 27, 40), .07);
        border-radius: 999px;
    }

    .anka-dt-chip[data-durum="bekleyen"].is-active {
        color: var(--anka-wait);
    }

    .anka-dt-chip[data-durum="bekleyen"].is-active {
        background: var(--anka-wait-bg);
    }

    .anka-dt-chip[data-durum="onay"].is-active {
        color: var(--anka-ok);
        background: var(--anka-ok-bg);
    }

    .anka-dt-chip[data-durum="iptal"].is-active {
        color: var(--anka-no);
        background: var(--anka-no-bg);
    }

    .anka-dt-chip[data-durum="all"].is-active {
        color: var(--anka-primary);
        background: var(--anka-primary-soft);
    }

/* acilir sutun suzgecleri (ornek: Etap) */
.anka-dt-select {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

    .anka-dt-select > label {
        margin: 0;
        font-size: .75rem;
        font-weight: 500;
        color: var(--anka-muted);
        white-space: nowrap;
    }

    .anka-dt-select select {
        height: 34px;
        min-width: 155px;
        padding: 0 1.9rem 0 .7rem;
        font-size: .8125rem;
        color: var(--anka-text);
        background-color: var(--anka-bg);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238c9097' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right .6rem center;
        background-size: 12px;
        border: 1px solid var(--anka-border);
        border-radius: var(--anka-radius-sm);
        appearance: none;
        cursor: pointer;
    }

        .anka-dt-select select:focus {
            outline: 0;
            border-color: rgba(var(--primary-rgb, 91, 108, 255), .5);
            box-shadow: 0 0 0 3px rgba(var(--primary-rgb, 91, 108, 255), .12);
        }

.anka-dt-reset {
    display: none;
    align-items: center;
    gap: .35rem;
    padding: .34rem .7rem;
    font-size: .75rem;
    color: var(--anka-muted);
    background: transparent;
    border: 1px dashed var(--anka-border);
    border-radius: 999px;
    cursor: pointer;
}

    .anka-dt-reset:hover {
        color: var(--anka-no);
        border-color: var(--anka-no);
        border-style: solid;
    }

.anka-dt-wrap.is-filtered .anka-dt-reset {
    display: inline-flex;
}

/* ---------- tablo govdesi ---------- */
/* Tek tablo + yatay kaydirma. DataTables'in scrollX'i baslik ve govdeyi ayri
   tablolara bolup sutun kaymasina yol aciyordu; burada tablo butun kaliyor. */
.anka-dt-tablewrap {
    border: 1px solid var(--anka-border);
    border-radius: var(--anka-radius);
    background: var(--anka-bg);
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--primary-rgb, 91, 108, 255), .3) transparent;
}

    .anka-dt-tablewrap::-webkit-scrollbar {
        height: 9px;
    }

    .anka-dt-tablewrap::-webkit-scrollbar-track {
        background: transparent;
    }

    .anka-dt-tablewrap::-webkit-scrollbar-thumb {
        background: rgba(var(--primary-rgb, 91, 108, 255), .28);
        border-radius: 999px;
    }

        .anka-dt-tablewrap::-webkit-scrollbar-thumb:hover {
            background: rgba(var(--primary-rgb, 91, 108, 255), .5);
        }

.anka-dt-wrap table.dataTable {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0;
    font-size: .8125rem;
    color: var(--anka-text);
}

/* baslik */
.anka-dt-wrap table.dataTable > thead > tr > th {
    position: relative;
    padding: .8rem .85rem;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--anka-muted);
    background: var(--anka-head-bg);
    border-top: 0;
    border-bottom: 1px solid var(--anka-border);
    white-space: nowrap;
    vertical-align: middle;
}

    .anka-dt-wrap table.dataTable > thead > tr > th.sorting,
    .anka-dt-wrap table.dataTable > thead > tr > th.sorting_asc,
    .anka-dt-wrap table.dataTable > thead > tr > th.sorting_desc {
        cursor: pointer;
        padding-right: 1.7rem;
        background-image: none;
    }

        /* sade, tek karakterlik siralama isareti */
        .anka-dt-wrap table.dataTable > thead > tr > th.sorting::after,
        .anka-dt-wrap table.dataTable > thead > tr > th.sorting_asc::after,
        .anka-dt-wrap table.dataTable > thead > tr > th.sorting_desc::after {
            position: absolute;
            top: 50%;
            right: .6rem;
            transform: translateY(-50%);
            font-size: .6rem;
            line-height: 1;
            opacity: .35;
            content: "\25B2\FE0E\A\25BC\FE0E";
            white-space: pre;
            letter-spacing: 0;
        }

        .anka-dt-wrap table.dataTable > thead > tr > th.sorting_asc,
        .anka-dt-wrap table.dataTable > thead > tr > th.sorting_desc {
            color: var(--anka-primary);
            background: var(--anka-primary-soft);
        }

            .anka-dt-wrap table.dataTable > thead > tr > th.sorting_asc::after {
                content: "\25B2";
                opacity: 1;
                font-size: .55rem;
            }

            .anka-dt-wrap table.dataTable > thead > tr > th.sorting_desc::after {
                content: "\25BC";
                opacity: 1;
                font-size: .55rem;
            }

        .anka-dt-wrap table.dataTable > thead > tr > th.sorting:hover {
            color: var(--anka-text);
        }

        /* DataTables'in kendi ok ikonlarini kapat */
        .anka-dt-wrap table.dataTable > thead .sorting:before,
        .anka-dt-wrap table.dataTable > thead .sorting:after,
        .anka-dt-wrap table.dataTable > thead .sorting_asc:before,
        .anka-dt-wrap table.dataTable > thead .sorting_desc:before {
            display: none;
        }

.anka-dt-wrap table.dataTable > thead .sorting_asc:after,
.anka-dt-wrap table.dataTable > thead .sorting_desc:after,
.anka-dt-wrap table.dataTable > thead .sorting:after {
    display: block;
}

/* govde */
.anka-dt-wrap table.dataTable > tbody > tr > td,
.anka-dt-wrap table.dataTable > tbody > tr > th {
    padding: .72rem .85rem;
    border-top: 0;
    border-bottom: 1px solid var(--anka-border-soft, var(--anka-border));
    vertical-align: middle;
    font-weight: 400;
    background: transparent;
}

.anka-dt-wrap table.dataTable > tbody > tr:last-child > td,
.anka-dt-wrap table.dataTable > tbody > tr:last-child > th {
    border-bottom: 0;
}

.anka-dt-wrap table.dataTable > tbody > tr {
    background: transparent;
    transition: background-color .13s ease;
}

    .anka-dt-wrap table.dataTable > tbody > tr:nth-child(even) {
        background: var(--anka-zebra);
    }

    .anka-dt-wrap table.dataTable > tbody > tr:hover {
        background: var(--anka-hover);
    }

/* Satir durum vurgusu: asil isaret ince sol serit; zemin tonu bilerek cok
   soluk (%3-4). Tek bir durum filtrelendiginde tablo "sari/yesil bir yaprak"
   gibi gorunmesin diye rozet tonlarindan ayri, daha soluk degiskenler. */
.anka-dt-wrap table.dataTable > tbody > tr[data-durum] {
    --anka-satir-bekleyen: rgba(217, 154, 6, .038);
    --anka-satir-onay: rgba(18, 166, 124, .035);
    --anka-satir-iptal: rgba(224, 82, 96, .035);
}

.anka-dt-wrap table.dataTable > tbody > tr[data-durum] > td:first-child,
.anka-dt-wrap table.dataTable > tbody > tr[data-durum] > th:first-child {
    box-shadow: inset 3px 0 0 0 var(--anka-row-accent, transparent);
}

.anka-dt-wrap table.dataTable > tbody > tr[data-durum="bekleyen"] {
    --anka-row-accent: var(--anka-wait);
    background: var(--anka-satir-bekleyen);
}

.anka-dt-wrap table.dataTable > tbody > tr[data-durum="onay"] {
    --anka-row-accent: var(--anka-ok);
    background: var(--anka-satir-onay);
}

.anka-dt-wrap table.dataTable > tbody > tr[data-durum="iptal"] {
    --anka-row-accent: var(--anka-no);
    background: var(--anka-satir-iptal);
}

.anka-dt-wrap table.dataTable > tbody > tr[data-durum]:hover {
    background: var(--anka-hover);
}

/* ---------- durum rozetleri ---------- */
.anka-pill {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .28rem .62rem;
    font-size: .7188rem;
    font-weight: 600;
    line-height: 1.35;
    white-space: nowrap;
    border-radius: 999px;
    border: 1px solid transparent;
}

    .anka-pill::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: currentColor;
    }

.anka-pill-wait {
    color: var(--anka-wait, #d99a06);
    background: var(--anka-wait-bg, rgba(217,154,6,.07));
    border-color: rgba(217, 154, 6, .22);
}

.anka-pill-ok {
    color: var(--anka-ok, #12a67c);
    background: var(--anka-ok-bg, rgba(18,166,124,.07));
    border-color: rgba(18, 166, 124, .22);
}

.anka-pill-no {
    color: var(--anka-no, #e05260);
    background: var(--anka-no-bg, rgba(224,82,96,.07));
    border-color: rgba(224, 82, 96, .22);
}

.anka-pill-info {
    color: var(--anka-info, #3ba1d9);
    background: var(--anka-info-bg, rgba(59,161,217,.07));
    border-color: rgba(59, 161, 217, .22);
}

.anka-pill-muted {
    color: var(--text-muted, #8c9097);
    background: rgba(var(--light-rgb, 243, 246, 248), .7);
    border-color: var(--default-border, #edf0f7);
}

/* ---------- alt cubuk ---------- */
.anka-dt-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    margin-top: .9rem;
}

.anka-dt-footer-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .9rem;
}

.anka-dt-wrap .dataTables_info {
    padding: 0;
    font-size: .78rem;
    color: var(--anka-muted);
}

.anka-dt-wrap .dataTables_length {
    margin: 0;
}

    .anka-dt-wrap .dataTables_length label {
        display: inline-flex;
        align-items: center;
        gap: .4rem;
        margin: 0;
        font-size: .78rem;
        color: var(--anka-muted);
    }

    .anka-dt-wrap .dataTables_length select {
        height: 32px;
        padding: 0 1.6rem 0 .55rem;
        font-size: .78rem;
        color: var(--anka-text);
        background-color: var(--anka-bg);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238c9097' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right .45rem center;
        background-size: 11px;
        border: 1px solid var(--anka-border);
        border-radius: 8px;
        appearance: none;
    }

/* sayfalama */
.anka-dt-wrap .dataTables_paginate {
    padding: 0;
    margin: 0;
}

.anka-dt-wrap .pagination {
    margin: 0;
    gap: .25rem;
}

.anka-dt-wrap .page-link {
    min-width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 .55rem;
    font-size: .8125rem;
    color: var(--anka-muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 9px;
}

    .anka-dt-wrap .page-link:hover {
        color: var(--anka-primary);
        background: var(--anka-primary-soft);
        border-color: transparent;
    }

.anka-dt-wrap .page-item.active .page-link {
    color: #fff;
    background: var(--anka-primary);
    border-color: var(--anka-primary);
    box-shadow: 0 4px 12px rgba(var(--primary-rgb, 91, 108, 255), .28);
}

.anka-dt-wrap .page-item.disabled .page-link {
    color: var(--anka-muted);
    opacity: .45;
    background: transparent;
}

/* Sayfanin kendi kurdugu (benimsenen) tablolar ------------------------- */
.anka-dt-benimsendi .anka-dt-tablewrap-scroll {
    overflow-x: hidden; /* DataTables kendi kaydirmasini kuruyor */
}

.anka-dt-benimsendi .dataTables_scrollHead {
    background: var(--anka-head-bg);
    border-radius: var(--anka-radius) var(--anka-radius) 0 0;
}

.anka-dt-benimsendi .dataTables_scrollBody {
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--primary-rgb, 91, 108, 255), .3) transparent;
}

    .anka-dt-benimsendi .dataTables_scrollBody::-webkit-scrollbar {
        height: 9px;
        width: 9px;
    }

    .anka-dt-benimsendi .dataTables_scrollBody::-webkit-scrollbar-thumb {
        background: rgba(var(--primary-rgb, 91, 108, 255), .28);
        border-radius: 999px;
    }

/* Bootstrap'in kendi .table-responsive sarmali icerideyse cift cerceve olmasin */
.anka-dt-wrap .anka-dt-tablewrap > .table-responsive {
    overflow: visible;
}

/* Tablodaki dikey cizgileri sadelestir (table-bordered ile gelenler) */
.anka-dt-wrap table.dataTable.table-bordered,
.anka-dt-wrap table.dataTable.table-bordered > thead > tr > th,
.anka-dt-wrap table.dataTable.table-bordered > tbody > tr > td,
.anka-dt-wrap table.dataTable.table-bordered > tbody > tr > th {
    border-left: 0;
    border-right: 0;
}

/* Bos tablo mesaji */
.anka-dt-wrap table.dataTable > tbody > tr.odd td.dataTables_empty,
.anka-dt-wrap table.dataTable > tbody > tr > td.dataTables_empty {
    padding: 2.6rem 1rem;
    font-size: .8125rem;
    color: var(--anka-muted);
    text-align: center;
    background: transparent;
}

/* Tablo icindeki kucuk gorseller */
.anka-dt-wrap table.dataTable img.img-thumbnail {
    max-width: 64px;
    height: auto;
    border-radius: 8px;
}

/* ---------- kucuk ekran ---------- */
@media (max-width: 767.98px) {
    .anka-dt-toolbar {
        align-items: stretch;
    }

    .anka-dt-tools,
    .anka-dt-search {
        width: 100%;
        min-width: 0;
    }

    .anka-dt-footer {
        justify-content: center;
    }

    .anka-dt-footer-left {
        justify-content: center;
        width: 100%;
    }

    .anka-dt-chips {
        width: 100%;
        justify-content: center;
    }
}

/* ---------- karanlik tema ---------- */
[data-theme-mode="dark"] .anka-dt-wrap table.dataTable > tbody > tr[data-durum] {
    --anka-satir-bekleyen: rgba(217, 154, 6, .07);
    --anka-satir-onay: rgba(18, 166, 124, .06);
    --anka-satir-iptal: rgba(224, 82, 96, .06);
}

[data-theme-mode="dark"] .anka-dt-wrap {
    --anka-zebra: rgba(255, 255, 255, .025);
    --anka-hover: rgba(var(--primary-rgb, 91, 108, 255), .1);
    --anka-wait-bg: rgba(217, 154, 6, .1);
    --anka-ok-bg: rgba(18, 166, 124, .1);
    --anka-no-bg: rgba(224, 82, 96, .1);
    --anka-info-bg: rgba(59, 161, 217, .1);
}

    [data-theme-mode="dark"] .anka-dt-wrap .anka-dt-chip-count {
        background: rgba(255, 255, 255, .08);
    }

    [data-theme-mode="dark"] .anka-dt-wrap .anka-dt-chip.is-active {
        box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    }

[data-theme-mode="dark"] .dt-button-collection {
    box-shadow: 0 12px 34px rgba(0, 0, 0, .5);
}

    [data-theme-mode="dark"] .dt-button-collection .buttons-columnVisibility::before {
        border-color: rgba(255, 255, 255, .25);
    }

[data-theme-mode="dark"] .anka-pill-muted {
    background: rgba(255, 255, 255, .05);
}

/* ---------- yazdirma ---------- */
@media print {
    .anka-dt-toolbar,
    .anka-dt-chipbar,
    .anka-dt-footer {
        display: none !important;
    }

    .anka-dt-tablewrap {
        border: 0;
    }
}