/**
 * Custom Responsive CSS - Inventaris PPLG
 * SMK Negeri 1 Cianjur - 2026
 */

/* ============================================
   GLOBAL
   ============================================ */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table td:last-child,
.table th:last-child {
  white-space: nowrap;
}
.table .badge {
  white-space: nowrap;
}
.card-header-action .input-group {
  max-width: 280px;
}

/* ============================================
   MOBILE (HP) - max 575px
   ============================================ */
@media (max-width: 575.98px) {
  .card-header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .card-header h4 {
    margin-bottom: 10px;
  }
  .card-header-action {
    width: 100%;
    flex-wrap: wrap !important;
    gap: 6px;
  }
  .card-header-action .input-group {
    width: 100%;
    max-width: 100%;
    margin-bottom: 8px;
  }
  .section-header-breadcrumb {
    display: none;
  }
  .col-md-6, .col-md-4, .col-md-3 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .col-md-3.col-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  .main-footer {
    flex-direction: column;
    text-align: center;
  }
  .main-footer .footer-right {
    margin-top: 4px;
  }
  .pagination {
    justify-content: center;
    flex-wrap: wrap;
  }
  .page-link {
    padding: 6px 10px;
    font-size: 13px;
  }
  .table td, .table th {
    font-size: 12px;
    padding: 6px 8px;
  }
  .modal-dialog {
    margin: 8px;
  }
  .bg-light.p-3.rounded.border .row .col-md-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 10px;
  }
}

/* ============================================
   TABLET - 576px s/d 991px
   ============================================ */
@media (min-width: 576px) and (max-width: 991.98px) {
  .card-header {
    flex-wrap: wrap;
  }
  .card-header-action {
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
  }
  .col-md-3.col-6 {
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
}

/* ============================================
   DESKTOP - 992px ke atas
   ============================================ */
@media (min-width: 992px) {
  .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .col-md-3.col-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

/*# sourceMappingURL=custom.css.map */