/* Finekra banka sayfaları — hesaplar, hareketler, bakiye (mobil + filtre boşluğu) */
html body .emm-shell .kmt-finekra-page {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

html body .emm-shell .kmt-finekra-page .card,
html body .emm-shell .kmt-finekra-page .card-body {
    max-width: 100%;
    box-sizing: border-box;
}

/* Mükellef seçimi / filtre ile tablo arası — masaüstü nefes */
html body .emm-shell .kmt-finekra-page .kmt-finekra-filter-block {
    margin-bottom: 1.35rem !important;
}

html body .emm-shell .kmt-finekra-page .emm-filter-panel.kmt-finekra-filter-block,
html body .emm-shell .kmt-finekra-page .card.emm-filter-panel {
    margin-bottom: 1.35rem !important;
}

html body .emm-shell .kmt-finekra-page #datatable-container {
    margin-top: 0.35rem;
    width: 100%;
    max-width: 100%;
    overflow-x: visible !important;
}

html body .emm-shell .kmt-finekra-page #datatable-container .dataTables_wrapper,
html body .emm-shell .kmt-finekra-page #datatable-container .dt-container {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: visible !important;
}

html body .emm-shell .kmt-finekra-page #datatable-container .kmt-dt-table-scroll {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

html body .emm-shell .kmt-finekra-page .kmt-finekra-total-line {
    margin-bottom: 0.65rem;
}

html body .emm-shell .kmt-finekra-page .finekra-mukellef-combobox.e-input-group,
html body .emm-shell .kmt-finekra-page .finekra-mukellef-combobox.e-control-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

/* Hareketler — gelen/giden toplam bar */
html body .emm-shell .kmt-finekra-page .emm-filter-panel {
    position: relative;
    padding-top: 2.75rem;
}

html body .emm-shell .kmt-finekra-page .totals-bar {
    position: absolute;
    top: 0.65rem;
    right: 1rem;
    left: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.35rem 1rem;
    font-size: 12px;
    white-space: normal;
}

html body .emm-shell .kmt-finekra-page .totals-bar strong {
    font-size: 13px;
}

/* Bakiye tablosu (az sütun) — mobilde tam genişlik */
html body .emm-shell .kmt-finekra-page table.dataTable.kmt-finekra-simple-dt,
html body .emm-shell .kmt-finekra-page .kmt-dt-table-scroll table.kmt-finekra-simple-dt,
html body .emm-shell .kmt-finekra-page .kmt-dt-table-scroll #fixed-columns-datatable.kmt-finekra-simple-dt {
    table-layout: fixed;
    width: 100% !important;
}

@media (max-width: 991.98px) {
    html body .emm-shell .kmt-finekra-page .emm-filter-panel {
        padding: 0.85rem 0.9rem 0.9rem !important;
        padding-top: 0.85rem !important;
    }

    html body .emm-shell .kmt-finekra-page .totals-bar {
        position: static;
        justify-content: flex-start;
        margin-bottom: 0.75rem;
        width: 100%;
    }

    html body .emm-shell .kmt-finekra-page .kmt-finekra-filter-block [class*="col-md-"],
    html body .emm-shell .kmt-finekra-page .emm-filter-panel [class*="col-md-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    html body .emm-shell .kmt-finekra-page .emm-filter-panel .d-flex.align-items-end.gap-2 {
        flex-direction: column;
        align-items: stretch !important;
        width: 100%;
    }

    html body .emm-shell .kmt-finekra-page .emm-filter-panel > .d-flex.flex-wrap.justify-content-between {
        flex-direction: column;
        align-items: stretch !important;
        gap: 0.5rem !important;
    }

    html body .emm-shell .kmt-finekra-page .emm-filter-panel .btn-group {
        width: 100%;
        display: flex;
    }

    html body .emm-shell .kmt-finekra-page .emm-filter-panel .btn-group .btn {
        flex: 1 1 50%;
    }

    html body .emm-shell .kmt-finekra-page .emm-filter-panel > .d-flex.flex-wrap .btn-dark {
        width: 100%;
    }

    html body .emm-shell .kmt-finekra-page .kmt-finekra-total-line {
        text-align: left !important;
        width: 100%;
    }

    html body .emm-shell .kmt-finekra-page #datatable-container .kmt-dt-lf-row,
    html body .emm-shell .kmt-finekra-page #datatable-container .dt-container > .d-flex.justify-content-between,
    html body .emm-shell .kmt-finekra-page #datatable-container .dataTables_wrapper > .d-flex.justify-content-between {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0.5rem !important;
    }

    html body .emm-shell .kmt-finekra-page #datatable-container .dt-length,
    html body .emm-shell .kmt-finekra-page #datatable-container .dt-search,
    html body .emm-shell .kmt-finekra-page #datatable-container .dataTables_length,
    html body .emm-shell .kmt-finekra-page #datatable-container .dataTables_filter {
        width: 100% !important;
        margin-right: 0 !important;
        float: none !important;
        display: flex !important;
        align-items: center;
        flex-wrap: wrap;
        gap: 0.35rem;
    }

    html body .emm-shell .kmt-finekra-page div.dt-container div.dt-search input,
    html body .emm-shell .kmt-finekra-page .dataTables_wrapper .dataTables_filter input {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        box-sizing: border-box;
    }

    html body .emm-shell .kmt-finekra-page #datatable-container .kmt-dt-top-toolbar {
        width: 100%;
        justify-content: center !important;
        flex-wrap: wrap;
    }

    html body .emm-shell .kmt-finekra-page #datatable-container .dt-info,
    html body .emm-shell .kmt-finekra-page #datatable-container .dataTables_info {
        text-align: center;
        width: 100%;
    }

    html body .emm-shell .kmt-finekra-page #datatable-container .dt-paging,
    html body .emm-shell .kmt-finekra-page #datatable-container .dataTables_paginate {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Bakiye — basit tablo mobil */
    html body .emm-shell .kmt-finekra-page table.dataTable.kmt-finekra-simple-dt,
    html body .emm-shell .kmt-finekra-page .kmt-dt-table-scroll table.kmt-finekra-simple-dt,
    html body .emm-shell .kmt-finekra-page .kmt-dt-table-scroll #fixed-columns-datatable.kmt-finekra-simple-dt {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
    }

    html body .emm-shell .kmt-finekra-page table.kmt-finekra-simple-dt thead th,
    html body .emm-shell .kmt-finekra-page table.kmt-finekra-simple-dt tbody td {
        max-width: none !important;
        overflow: visible !important;
        text-overflow: unset !important;
        white-space: normal !important;
        word-break: break-word;
        line-height: 1.35 !important;
        padding: 0.5rem 0.45rem !important;
        min-height: 2.75rem;
        height: auto !important;
        vertical-align: middle !important;
    }

    html body .emm-shell .kmt-finekra-page #datatable-container .kmt-dt-table-scroll:has(.kmt-finekra-simple-dt) {
        overflow-x: visible !important;
    }
}

@media (max-width: 575.98px) {
    html body .emm-shell .kmt-finekra-page .card-body {
        padding: 0.65rem !important;
    }

    html body .emm-shell .kmt-finekra-page table.kmt-finekra-simple-dt thead th,
    html body .emm-shell .kmt-finekra-page table.kmt-finekra-simple-dt tbody td {
        font-size: 12px !important;
        padding: 0.45rem 0.35rem !important;
    }
}

/* emm-overrides 960px — sadece basit bakiye tablosunda iptal */
@media (max-width: 991.98px) {
    html body .emm-shell .kmt-finekra-page #datatable-container .kmt-dt-table-scroll #fixed-columns-datatable.kmt-finekra-simple-dt,
    html body .emm-shell .kmt-finekra-page #datatable-container .kmt-dt-table-scroll table.dataTable.kmt-finekra-simple-dt {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}

@media (max-width: 575.98px) {
    html body .emm-shell .kmt-finekra-page #datatable-container .kmt-dt-table-scroll #fixed-columns-datatable.kmt-finekra-simple-dt,
    html body .emm-shell .kmt-finekra-page #datatable-container .kmt-dt-table-scroll table.dataTable.kmt-finekra-simple-dt {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}
