/* ==========================================================
   BA.UI Theme - "dark" (site geneli: Home/Index diliyle uyumlu)
   ----------------------------------------------------------
   Kullanım: sayfanın kök elemanına / modalına `ba-theme` ekleyin.
     <div class="container ba-theme ba-grp-rez"> ... </div>
     <div class="modal fade ba-modal ba-theme"> ... </div>
   Kapsam dışına (global BA.UI'ye) dokunmaz; mavi `--ba-primary`
   yalnızca `.ba-theme` içinde koyu griye çevrilir.
   Bileşenler: butonlar, hızlı filtre çipleri (.ba-chips), form
   ızgarası (.ba-form-grid), datatable toolbar, select2, modal.
   ========================================================== */

.ba-theme {
    --ba-primary: #343a43;
    --ba-primary-hover: #2b3138;
    --ba-primary-light: rgba(52, 58, 67, .08);
    --ba-primary-border: rgba(52, 58, 67, .2);
    --ba-shadow-focus: 0 0 0 3px rgba(52, 58, 67, .12);
    --ba-form-border-focus: #343a43;
    --ba-btn-radius: 10px;
    --ba-tree-accent: #343a43;
}

/* ---------- Butonlar ---------- */
/* legacy app.css genel .ba-btn'yi ezdiği için BA.UI görünümü burada geri alınır */
.ba-theme .ba-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    box-shadow: none;
    text-decoration: none;
    vertical-align: middle;
}

.ba-theme .ba-btn--primary {
    background: #343a43;
    color: #fff;
}

.ba-theme .ba-btn--primary:hover {
    background: #2b3138;
}

.ba-theme .ba-btn--outlined {
    background: #fff;
    border-color: #D0D5DD;
    color: #344054;
}

.ba-theme .ba-btn--outlined:hover {
    background: #F8FAFC;
    border-color: #C0C7D1;
}

.ba-theme .ba-btn--outlined-danger {
    background: #fff;
    border-color: #F4B4B0;
    color: #D92D20;
}

.ba-theme .ba-btn--outlined-danger:hover {
    background: #FEF3F2;
    border-color: #D92D20;
}

.ba-theme .ba-btn--sm {
    height: 36px;
    padding: 0 14px;
}

.ba-theme input[type="checkbox"] {
    accent-color: #343a43;
}

/* ---------- Hızlı filtre çipleri (.ba-tabs + .ba-chips) ---------- */
.ba-theme .ba-chips .ba-tabs__nav {
    background: transparent;
    padding: 0;
    gap: 8px;
    box-shadow: none;
}

.ba-theme .ba-chips .ba-tabs__tab {
    padding: 9px 20px;
    border: 1px solid #E4E7EC;
    background: #fff;
    color: #475467;
    font-weight: 500;
}

.ba-theme .ba-chips .ba-tabs__tab:hover {
    background: #F8FAFC;
    color: #1D2939;
}

.ba-theme .ba-chips .ba-tabs__tab.is-active,
.ba-theme .ba-chips .ba-tabs__tab.is-active:hover {
    background: #343a43;
    border-color: #343a43;
    color: #fff;
    font-weight: 600;
}

.ba-theme .ba-chips .ba-tabs__tab:focus-visible {
    outline: 2px solid #343a43;
}

/* Segmentli seçim: ba-chips'in bitişik (tek parça) varyantı; 2-4 birbirini dışlayan seçenek */
.ba-theme .ba-segmented .ba-tabs__nav {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    gap: 0;
    padding: 3px;
    background: #F2F4F7;
    border: 1px solid #E4E7EC;
    border-radius: 12px;
}

.ba-theme .ba-segmented .ba-tabs__tab {
    padding: 7px 18px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    font-size: 13px;
}

.ba-theme .ba-segmented .ba-tabs__tab:hover {
    background: rgba(52, 58, 67, .06);
}

.ba-theme .ba-segmented .ba-tabs__tab.is-active,
.ba-theme .ba-segmented .ba-tabs__tab.is-active:hover {
    background: #343a43;
    color: #fff;
}

/* ---------- Datatable ---------- */
/* toolbar / footer kontrolleri: oval yerine dikdörtgene yakın (10px) */
.ba-theme .ba-datatable__export-toggle {
    height: 44px;
    padding: 0 18px;
    border-radius: 10px !important;
}

.ba-theme .ba-datatable__search-input {
    border-radius: 10px;
}

.ba-theme .ba-datatable__length-select {
    height: 36px;
    line-height: 34px;
    padding: 0 32px 0 12px;
    border-radius: 10px;
    vertical-align: middle;
}

/* ---------- Form ızgarası (12 kolon) ---------- */
.ba-theme .ba-form-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 16px 20px;
}

/* ba-responsive.css içindeki eski flex ızgarası da `.ba-col-N` (width: %) tanımlar; grid öğesi olarak
   kullanıldığında genişliği grid alanının yüzdesine düşürür. Burada nötrlenir. */
.ba-theme .ba-form-grid > [class*="ba-col-"] {
    flex: none;
    width: auto;
    max-width: none;
}

.ba-theme .ba-col-1 { grid-column: span 1; }
.ba-theme .ba-col-2 { grid-column: span 2; }
.ba-theme .ba-col-3 { grid-column: span 3; }
.ba-theme .ba-col-4 { grid-column: span 4; }
.ba-theme .ba-col-5 { grid-column: span 5; }
.ba-theme .ba-col-6 { grid-column: span 6; }
.ba-theme .ba-col-7 { grid-column: span 7; }
.ba-theme .ba-col-8 { grid-column: span 8; }
.ba-theme .ba-col-9 { grid-column: span 9; }
.ba-theme .ba-col-10 { grid-column: span 10; }
.ba-theme .ba-col-11 { grid-column: span 11; }
.ba-theme .ba-col-12 { grid-column: span 12; }

.ba-theme .ba-form-grid .ba-field {
    min-width: 0;
}

.ba-theme .ba-section-title {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #1D2939;
}

.ba-theme .ba-section-divider {
    height: 1px;
    margin: 4px 0;
    border: 0;
    background: var(--ba-border-divider, #EDF1F5);
}

@media (max-width: 767.98px) {
    .ba-theme .ba-col-1,
    .ba-theme .ba-col-2,
    .ba-theme .ba-col-3,
    .ba-theme .ba-col-4,
    .ba-theme .ba-col-5,
    .ba-theme .ba-col-6,
    .ba-theme .ba-col-7,
    .ba-theme .ba-col-8,
    .ba-theme .ba-col-9,
    .ba-theme .ba-col-10,
    .ba-theme .ba-col-11 {
        grid-column: span 12;
    }
}

/* ---------- Select2 -> .ba-control görünümü ---------- */
.ba-theme .select2-container {
    width: 100% !important;
}

.ba-theme .select2-container--default .select2-selection--multiple,
.ba-theme .select2-container--default .select2-selection--single {
    min-height: var(--ba-form-height, 48px);
    border: 1px solid var(--ba-form-border, #E4E7EC);
    border-radius: var(--ba-form-radius, 12px);
    background: var(--ba-form-bg, #fff);
}

.ba-theme .select2-container--default .select2-selection--multiple {
    padding: 4px 8px;
}

.ba-theme .select2-container--default .select2-selection--single {
    display: flex;
    align-items: center;
}

.ba-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 16px;
    line-height: normal;
    color: var(--ba-form-color, #2F3542);
}

.ba-theme .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    right: 8px;
}

.ba-theme .select2-container--default.select2-container--disabled .select2-selection--single {
    background: #F4F5F8;
}

/* ---------- Modal ---------- */
.ba-theme.ba-modal .ba-modal__content {
    pointer-events: auto;
}

.ba-theme .ba-modal__body {
    color: var(--ba-text-primary, #2F3542);
}

.ba-theme .ba-modal__footer {
    gap: 10px;
}

/* legacy app.css (Bootstrap .modal-dialog) BA modal genişliklerini eziyor -> yeniden tanımla */
.ba-theme.ba-modal .modal-dialog.ba-modal__dialog { max-width: 500px; }
.ba-theme.ba-modal .modal-dialog.ba-modal__dialog--sm { max-width: 400px; }
.ba-theme.ba-modal .modal-dialog.ba-modal__dialog--lg { max-width: 800px; }
.ba-theme.ba-modal .modal-dialog.ba-modal__dialog--xl { max-width: 1140px; }

/* etiket ile alan arasındaki çift boşluğu kaldır (legacy label margin + flex gap) */
.ba-theme .ba-field > .ba-label {
    margin-bottom: 0;
}

/* ---------- Bilgi notu (.ba-hint): filtre/alan altı küçük açıklama ---------- */
.ba-theme .ba-hint {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 10px 0 14px;
    padding: 8px 12px;
    border-radius: 10px;
    background: #F8FAFC;
    color: #667085;
    font-size: 13px;
    line-height: 1.4;
}

.ba-theme .ba-hint .ba-icon {
    flex: none;
    color: #98A2B3;
}

.ba-theme .ba-hint strong {
    color: #344054;
    font-weight: 600;
    white-space: nowrap;
}

/* ==========================================================
   Düz (Bootstrap) tablolar -> BA görünümü
   Kapsam: .ba-theme içindeki <table class="table ..."> (JS ile üretilenler dahil)
   ve yeni markup için .ba-table. BA.DataTable (.ba-datatable__table) hariç.
   table-bordered / table-striped / thead-light / table-sm / table-borderless
   sınıfları taşınabilir; görünüm yine BA'ya çevrilir.
   ========================================================== */
.ba-theme table.table:not(.ba-datatable__table),
.ba-theme table.ba-table {
    width: 100%;
    margin: 0 0 16px;
    border: 1px solid var(--ba-border-light, #E4E8EF);
    border-radius: 12px;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    color: var(--ba-text-primary, #2F3542);
    font-size: 14px;
}

.ba-theme table.table:not(.ba-datatable__table) thead th,
.ba-theme table.ba-table thead th {
    padding: 12px 16px;
    border: 0;
    border-bottom: 1px solid var(--ba-border-default, #D9DDE5);
    background: var(--ba-bg-secondary, #F8FAFC);
    color: var(--ba-text-secondary, #667085);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle;
}

.ba-theme table.table:not(.ba-datatable__table) thead th:first-child,
.ba-theme table.ba-table thead th:first-child {
    border-top-left-radius: 11px;
}

.ba-theme table.table:not(.ba-datatable__table) thead th:last-child,
.ba-theme table.ba-table thead th:last-child {
    border-top-right-radius: 11px;
}

.ba-theme table.table:not(.ba-datatable__table) tbody td,
.ba-theme table.table:not(.ba-datatable__table) tfoot td,
.ba-theme table.ba-table tbody td,
.ba-theme table.ba-table tfoot td {
    padding: 12px 16px;
    border: 0;
    border-bottom: 1px solid var(--ba-border-divider, #EDF1F5);
    vertical-align: middle;
}

.ba-theme table.table:not(.ba-datatable__table) tbody tr:last-child td,
.ba-theme table.ba-table tbody tr:last-child td {
    border-bottom: 0;
}

/* zebra kapalı; hover vurgusu BA.DataTable ile aynı */
.ba-theme table.table:not(.ba-datatable__table) tbody tr,
.ba-theme table.ba-table tbody tr {
    background: transparent;
    transition: background .15s ease;
}

.ba-theme table.table:not(.ba-datatable__table) tbody tr:hover,
.ba-theme table.ba-table tbody tr:hover {
    background: var(--ba-bg-tertiary, #F1F5F9);
}

.ba-theme table.table-sm:not(.ba-datatable__table) thead th,
.ba-theme table.table-sm:not(.ba-datatable__table) tbody td,
.ba-theme table.ba-table--sm thead th,
.ba-theme table.ba-table--sm tbody td {
    padding: 8px 12px;
}

.ba-theme table.ba-table tfoot th
{
     padding: 12px 16px;
}

/* sayfa içinde yatay taşan tablolar için kaydırılabilir sarmalayıcı (opsiyonel) */
.ba-theme .ba-table-wrap {
    overflow-x: auto;
    border-radius: 12px;
}

.ba-theme .ba-table-wrap > table {
    margin-bottom: 0;
}

/* ---------- Eski jQuery DataTables sarmalayıcısı (.dataTables_wrapper) ---------- */
.ba-theme .dataTables_wrapper .dataTables_filter input,
.ba-theme .dataTables_wrapper .dataTables_length select {
    height: 38px;
    padding: 0 12px;
    border: 1px solid var(--ba-form-border, #D9DDE5);
    border-radius: 10px;
    background: #fff;
    color: var(--ba-form-color, #2F3542);
    outline: none;
}

.ba-theme .dataTables_wrapper .dataTables_filter input:focus,
.ba-theme .dataTables_wrapper .dataTables_length select:focus {
    border-color: var(--ba-form-border-focus, #343a43);
    box-shadow: var(--ba-shadow-focus, 0 0 0 3px rgba(52, 58, 67, .12));
}

.ba-theme .dataTables_wrapper .dataTables_info,
.ba-theme .dataTables_wrapper .dataTables_length,
.ba-theme .dataTables_wrapper .dataTables_filter {
    color: var(--ba-text-secondary, #667085);
    font-size: 13px;
}

.ba-theme .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 34px;
    height: 34px;
    margin: 0 2px;
    padding: 0 10px;
    border: 1px solid transparent !important;
    border-radius: 10px;
    background: transparent !important;
    color: var(--ba-text-secondary, #667085) !important;
    line-height: 32px;
}

.ba-theme .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--ba-bg-tertiary, #F1F5F9) !important;
    color: var(--ba-text-primary, #2F3542) !important;
}

.ba-theme .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.ba-theme .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #343a43 !important;
    border-color: #343a43 !important;
    color: #fff !important;
}

.ba-theme .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    opacity: .45;
}

.ba-theme table.dataTable thead th {
    background-image: none !important;
}

/* Eski app.css (.dataTables_filter/.dataTables_length: font-size:0, ikon pseudo-elementleri,
   appearance:none, tam genislik label) BA gorunumunde duzeltilir */
.ba-theme .dataTables_wrapper .dataTables_length,
.ba-theme .dataTables_wrapper .dataTables_filter {
    display: block;
    float: none;
    margin: 0;
    overflow: visible;
    font-size: 13px;
}

.ba-theme .dataTables_wrapper .dataTables_length::before,
.ba-theme .dataTables_wrapper .dataTables_length::after,
.ba-theme .dataTables_wrapper .dataTables_filter::before,
.ba-theme .dataTables_wrapper .dataTables_filter::after,
.ba-theme .dataTables_wrapper .dataTables_filter > label::before,
.ba-theme .dataTables_wrapper .dataTables_filter > label::after {
    content: none !important;
    display: none !important;
}

.ba-theme .dataTables_wrapper .dataTables_length > label,
.ba-theme .dataTables_wrapper .dataTables_filter > label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: auto;
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: var(--ba-text-secondary, #667085);
    white-space: nowrap;
}

.ba-theme .dataTables_wrapper .dataTables_length > label select {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    width: auto;
    min-width: 72px;
    padding: 0 8px 0 12px;
    font-size: 14px;
    border: 1px solid var(--ba-form-border, #D9DDE5);
    border-radius: 10px;
}

.ba-theme .dataTables_wrapper .dataTables_filter > label input[type=search] {
    width: 240px;
    max-width: 100%;
    padding: 0 12px;
    font-size: 14px;
    border: 1px solid var(--ba-form-border, #D9DDE5);
    border-radius: 10px;
}

@media (max-width: 575.98px) {
    .ba-theme .dataTables_wrapper .dataTables_length {
        display: none;
    }
}

/* ---------- Tablo yardımcıları ---------- */
.ba-theme table.ba-table--fixed {
    table-layout: fixed;
}

.ba-theme table.ba-table--center th,
.ba-theme table.ba-table--center td {
    text-align: center;
}

.ba-theme table.ba-table th.ba-th-actions,
.ba-theme table.table th.ba-th-actions {
    text-align: right;
}

.ba-theme td.ba-td-actions {
    text-align: right;
    white-space: nowrap;
}

/* satır aksiyon butonları: tek hücrede yan yana, aynı yükseklik */
.ba-theme .ba-table-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.ba-theme .ba-table-actions .ba-btn {
    height: 32px;
    padding: 0 12px;
    font-size: 13px;
}

.ba-theme .ba-w-7 { width: 7%; }
.ba-theme .ba-w-8 { width: 8%; }
.ba-theme .ba-w-10 { width: 10%; }
.ba-theme .ba-w-14 { width: 14%; }
.ba-theme .ba-w-15 { width: 15%; }
.ba-theme .ba-w-20 { width: 20%; }
.ba-theme .ba-w-25 { width: 25%; }
.ba-theme .ba-w-26 { width: 26%; }
.ba-theme .ba-w-30 { width: 30%; }

/* ---------- Boş durum / bilgi paneli (alert-info yerine) ---------- */
.ba-theme .ba-empty {
    padding: 20px;
    border: 1px dashed var(--ba-border-default, #D9DDE5);
    border-radius: 12px;
    background: var(--ba-bg-secondary, #F8FAFC);
    color: var(--ba-text-secondary, #667085);
    font-size: 14px;
    text-align: center;
}

.ba-theme .ba-empty--error {
    border-color: #F4B4B0;
    background: #FEF3F2;
    color: #B42318;
}

/* ---------- Özet kartları (.ba-stat): sade, renksiz zemin; vurgu yalnızca değerde ---------- */
.ba-theme .ba-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}

.ba-theme .ba-stat {
    padding: 16px 18px;
    border: 1px solid var(--ba-border-light, #E4E8EF);
    border-radius: 12px;
    background: #fff;
}

.ba-theme .ba-stat__label {
    color: var(--ba-text-secondary, #667085);
    font-size: 13px;
}

.ba-theme .ba-stat__value {
    margin-top: 6px;
    color: #1D2939;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}

.ba-theme .ba-stat__value--danger { color: #D92D20; }
.ba-theme .ba-stat__value--success { color: #067647; }

.ba-theme .ba-stat__sub {
    margin-top: 8px;
}

@media (max-width: 991.98px) {
    .ba-theme .ba-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .ba-theme .ba-stat-grid {
        grid-template-columns: 1fr;
    }
}

/* Geniş tablolarda (yatay kaydırma) aksiyon sütunu sağda sabit kalır: butonlar hep görünür */
.ba-theme .ba-table-wrap th.ba-th-actions,
.ba-theme .ba-table-wrap td.ba-td-actions {
    position: sticky;
    right: 0;
    z-index: 1;
    box-shadow: -8px 0 8px -8px rgba(15, 23, 42, .12);
}

.ba-theme .ba-table-wrap td.ba-td-actions {
    background: #fff;
}

.ba-theme .ba-table-wrap th.ba-th-actions {
    background: var(--ba-bg-secondary, #F8FAFC);
}

.ba-theme .ba-table-wrap tbody tr:hover td.ba-td-actions {
    background: var(--ba-bg-tertiary, #F1F5F9);
}

/* ---------- Uzun ba-select listeleri: sayfayi uzatmasin, kendi icinde kaysin ---------- */
.ba-theme .ba-dropdown__menu {
    max-height: 280px;
    overflow-y: auto;
}

/* ---------- ba-radio: pasif durum ---------- */
.ba-theme .ba-radio__input:disabled ~ .ba-radio__indicator,
.ba-theme .ba-radio__input:disabled ~ .ba-radio__label {
    opacity: .5;
    cursor: not-allowed;
}

/* ---------- Ortak sayfa parcalari (rapor/liste sayfalari) ---------- */

/* Acente agaci alani: yukleme gostergesi gizlenir, input acilir (JS .hide ekler/kaldirir) */
.ba-theme .btn-loader.hide,
.ba-theme .ba-control.hide {
    display: none;
}

/* Filtre kartinin alt satiri: Excel / Ara ... */
.ba-theme .ba-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.ba-theme .ba-actions--center {
    justify-content: center;
}

.ba-theme .ba-actions .ba-btn {
    min-width: 140px;
}

/* Radyo / onay kutusu satiri (ba-radio, ba-checkbox) */
.ba-theme .ba-choice-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 28px;
    min-height: var(--ba-form-height, 48px);
}

/* Tablo hucresi: PNR baglantisi + kopyala ikonu (jQuery DataTables render'i) */
.ba-theme .ba-cell-pnr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.ba-theme .ba-cell-pnr .pnr-link {
    color: #343a43;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.ba-theme .ba-cell-pnr .code-copy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--ba-text-muted, #98A2B3);
    cursor: pointer;
    opacity: .7;
}

.ba-theme .ba-cell-pnr .code-copy:hover {
    opacity: 1;
    background: var(--ba-gray-100, #F5F5F5);
}

.ba-theme .ba-cell-strong {
    font-weight: 700;
}

.ba-theme .ba-cell-right {
    text-align: right;
}

.ba-theme .ba-cell-center {
    text-align: center;
}

/* Sunucu sayfalamali tablo karti: govde bosluksuz, tablo kart genisligine yayilir */
.ba-theme .ba-card--table > .ba-card__body {
    padding: 0;
}

.ba-theme .ba-card--table .dataTables_wrapper {
    padding: 16px 20px;
}

.ba-theme .ba-card--table table.ba-table {
    width: 100% !important;
}

@media (max-width: 767px) {
    .ba-theme .ba-actions .ba-btn {
        flex: 1;
    }

    .ba-theme .ba-card--table .dataTables_wrapper {
        overflow-x: auto;
    }
}

/* Kart basligi: ikon + baslik yan yana (rapor/liste sayfalari) */
.ba-theme .ba-rapor__header-main {
    display: flex;
    align-items: center;
    gap: 14px;
}

/* Tablo hucresi: tiklanabilir PNR (jQuery DataTables td className) */
.ba-theme td.ba-cell-pnr-link {
    color: #343a43;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

/* Input + onek/sonek (TL, TR vb.): Bootstrap `input-group` yerine */
.ba-theme .ba-input-group {
    display: flex;
    align-items: stretch;
}

.ba-theme .ba-input-group > .ba-control {
    flex: 1;
    min-width: 0;
}

.ba-theme .ba-input-group__text {
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    border: 1px solid var(--ba-form-border, #D0D5DD);
    background: #F2F4F7;
    color: #344054;
    font-weight: 700;
    white-space: nowrap;
}

.ba-theme .ba-input-group__text:first-child {
    border-right: 0;
    border-radius: 10px 0 0 10px;
}

.ba-theme .ba-input-group__text:last-child {
    border-left: 0;
    border-radius: 0 10px 10px 0;
}

.ba-theme .ba-input-group > .ba-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ba-theme .ba-input-group > .ba-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Oran cubugu (<progress class="ba-progress ba-progress--danger|warning|caution|success">) */
.ba-theme progress.ba-progress {
    width: 100%;
    height: 10px;
    border: 0;
    border-radius: 999px;
    background: #EAECF0;
    overflow: hidden;
    appearance: none;
    -webkit-appearance: none;
}

.ba-theme progress.ba-progress::-webkit-progress-bar {
    background: #EAECF0;
    border-radius: 999px;
}

.ba-theme progress.ba-progress::-webkit-progress-value {
    background: #98A2B3;
    border-radius: 999px;
}

.ba-theme progress.ba-progress::-moz-progress-bar {
    background: #98A2B3;
    border-radius: 999px;
}

.ba-theme progress.ba-progress--danger::-webkit-progress-value { background: #D92D20; }
.ba-theme progress.ba-progress--danger::-moz-progress-bar { background: #D92D20; }
.ba-theme progress.ba-progress--warning::-webkit-progress-value { background: #F79009; }
.ba-theme progress.ba-progress--warning::-moz-progress-bar { background: #F79009; }
.ba-theme progress.ba-progress--caution::-webkit-progress-value { background: #FEC84B; }
.ba-theme progress.ba-progress--caution::-moz-progress-bar { background: #FEC84B; }
.ba-theme progress.ba-progress--success::-webkit-progress-value { background: #12B76A; }
.ba-theme progress.ba-progress--success::-moz-progress-bar { background: #12B76A; }

/* Tablo hucre yardimcilari (jQuery DataTables render ciktilari) */
.ba-theme .ba-cell-ellipsis {
    display: inline-block;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.ba-theme .ba-cell-nowrap {
    white-space: nowrap;
}

/* ba-hint uyari/hata varyantlari */
.ba-theme .ba-hint--warning {
    background: #FFFAEB;
    color: #B54708;
}

.ba-theme .ba-hint--danger {
    background: #FEF3F2;
    color: #B42318;
}

/* JS ile açılıp kapanan kart (ör. arama yapılana kadar gizli sonuç kartı) */
.ba-theme .ba-card.is-hidden {
    display: none !important;
}

/* ---------- Filtre bölümleri (form sayfalarında başlıklı gruplar) ---------- */
.ba-theme .ba-filter-section + .ba-filter-section {
    margin-top: 24px;
}

.ba-theme .ba-filter-section__title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 14px 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--ba-text-muted, #98A2B3);
}

.ba-theme .ba-filter-section__title::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: var(--ba-form-border, #E4E7EC);
}

/* Açılır "Detaylı Filtreler" düğmesi + paneli (data-ba-toggle ile) */
.ba-theme .ba-filter-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 14px;
    padding: 8px 14px;
    border: 1px solid var(--ba-form-border, #E4E7EC);
    border-radius: 10px;
    background: #fff;
    color: var(--ba-text-primary, #2F3542);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.ba-theme .ba-filter-toggle:hover {
    background: var(--ba-bg-secondary, #F8FAFC);
}

.ba-theme .ba-filter-toggle .ba-icon {
    transition: transform .2s ease;
}

.ba-theme .ba-filter-toggle[aria-expanded="true"] .ba-icon {
    transform: rotate(180deg);
}

/* Aksiyon satırındaki (Excel / Ara ile aynı hizadaki) varyant: alt boşluk yok */
.ba-theme .ba-filter-toggle--inline {
    margin-bottom: 0;
    white-space: nowrap;
}

/* Detaylı filtre paneli: zeminli, çerçeveli kutu (tüm liste/rapor sayfalarında aynı) */
.ba-theme .ba-filter-panel {
    padding: 20px;
    border: 1px solid var(--ba-form-border, #E4E7EC);
    border-radius: 14px;
    background: var(--ba-bg-secondary, #F8FAFC);
    overflow: visible;
}

.ba-theme .ba-filter-panel[hidden] {
    display: none;
}