@media (max-width: 991.98px) {
  :root {
    --sc-sidebar-width: 0px;
  }

  .metric-card {
    min-height: 116px;
  }

  .table-actions {
    min-width: 132px;
  }
}

@media (max-width: 575.98px) {
  .page-title {
    font-size: 1.55rem;
  }

  .card-sc,
  .sc-card,
  .metric-card,
  .chart-card,
  .dashboard-card {
    border-radius: var(--sc-radius-md);
  }

  .metric-card {
    padding: var(--sc-space-4);
  }

  .table thead th,
  .table tbody td {
    padding: 0.7rem 0.72rem;
  }

  .btn {
    min-height: 42px;
  }
}