/* ======== MOBILE OPTIMIZATION ======== */
@media (max-width: 768px) {
    .card-header h5 {
        font-size: 1rem;
    }

    table thead {
        font-size: 0.85rem;
    }

    table tbody td {
        font-size: 0.9rem;
    }

    .btn-sm {
        padding: 6px 8px !important;
    }

}

@media (max-width: 576px) {
  .btn-mobile-sm {
    padding: 0px 6px !important;
    font-size: 0.50rem !important;
    border-radius: 3px !important;
  }
  .btn-mobile-sm i {
    font-size: 0.85rem !important;
  }
}