/* DataTables tabanli liste/tablo sayfalari icin mobil uyumluluk.
   Sadece <=991px'te devreye girer, masaustu gorunumu degistirmez. */

@media (max-width: 991px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    width: 100%;
    text-align: left;
    float: none;
    margin-bottom: 8px;
  }

  .dataTables_wrapper .dataTables_filter input {
    width: 100%;
    max-width: none;
    margin-left: 0 !important;
    box-sizing: border-box;
  }

  .dataTables_wrapper .dataTables_length select {
    width: auto;
    max-width: 100%;
  }

  .dataTables_wrapper .dataTables_paginate {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-height: 36px;
    min-width: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
  }

  .table-responsive .table {
    font-size: 13px;
  }

  .table-responsive .table td,
  .table-responsive .table th {
    padding: 6px 8px;
    white-space: nowrap;
  }

  .table-responsive .table td a,
  .table-responsive .table th a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 32px;
    margin: 0 2px;
  }

  header.main-header .header-right {
    width: 100%;
    float: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  header.main-header .header-right a.button-filled {
    width: 100%;
    text-align: center;
  }
}