/* Admin panel — tablet uyumluluk (768px–1199px, Bootstrap md–lg aralığı) */

.layout-page,
.content-wrapper {
  max-width: 100%;
  overflow-x: clip;
}

.container-xxl,
.container-fluid {
  max-width: 100%;
}

/* Geniş tablo / DataTables kartları */
.card-datatable .table-responsive,
.card-datatable .dt-container,
.card .table-responsive {
  max-width: 100%;
}

@media (max-width: 1199.98px) {
  .card-datatable .table-responsive,
  .card-datatable .dt-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .layout-navbar .navbar-nav .nav-link,
  .layout-navbar .dropdown-toggle {
    min-height: 2.5rem;
  }

  .btn-icon.btn-sm,
  .btn-icon {
    min-width: 2.375rem;
    min-height: 2.375rem;
  }
}

/* Tablet yatay — içerik dolgusu */
@media (min-width: 768px) and (max-width: 1199.98px) {
  .content-wrapper > .container-xxl.container-p-y,
  .content-wrapper > .container-fluid.container-p-y {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .card .card-header,
  .card .card-body {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* Form ve modal — tablet genişliği */
@media (max-width: 991.98px) {
  .modal-dialog {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    max-width: calc(100% - 1.5rem);
  }

  .modal-dialog.modal-lg,
  .modal-dialog.modal-xl {
    max-width: calc(100% - 1.5rem);
  }

  /* DataTables üst araç çubuğu */
  .dt-container .dt-layout-row {
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .dt-container .dt-layout-end,
  .dt-container .dt-layout-start {
    flex: 1 1 100%;
    min-width: 0;
  }

  .dt-container .dt-search {
    flex: 1 1 100%;
    min-width: 0;
  }

  .dt-container .dt-search .form-control {
    width: 100%;
    max-width: 100%;
  }
}

/* Küçük tablet / büyük telefon */
@media (max-width: 767.98px) {
  .content-wrapper > .container-xxl.container-p-y,
  .content-wrapper > .container-fluid.container-p-y {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}