/* AdminLTE 4 Compatible Site Styles */

/* Font size adjustments for AdminLTE 4 */
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/* Focus styles compatible with Bootstrap 5 */
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Remove conflicting body margins for AdminLTE 4 */
body {
  margin: 0;
}

/* AdminLTE 4 specific overrides */
.app-wrapper {
  min-height: 100vh;
}

/* Ensure proper spacing for AdminLTE components */
.card {
  margin-bottom: 1rem;
}

.table-responsive {
  border: none;
}

/* Bootstrap Badge Color Overrides for AdminLTE Compatibility */
.badge-success {
  background-color: #28a745 !important;
  color: #fff !important;
}

.badge-danger {
  background-color: #dc3545 !important;
  color: #fff !important;
}

.badge-warning {
  background-color: #ffc107 !important;
  color: #212529 !important;
}

.badge-info {
  background-color: #17a2b8 !important;
  color: #fff !important;
}

.badge-primary {
  background-color: #007bff !important;
  color: #fff !important;
}

.badge-secondary {
  background-color: #6c757d !important;
  color: #fff !important;
}

.badge-light {
  background-color: #f8f9fa !important;
  color: #212529 !important;
}

.badge-dark {
  background-color: #343a40 !important;
  color: #fff !important;
}

/* Bootstrap 5 Badge Classes */
.badge.bg-success {
  background-color: #28a745 !important;
  color: #fff !important;
}

.badge.bg-danger {
  background-color: #dc3545 !important;
  color: #fff !important;
}

.badge.bg-warning {
  background-color: #ffc107 !important;
  color: #212529 !important;
}

.badge.bg-info {
  background-color: #17a2b8 !important;
  color: #fff !important;
}

.badge.bg-primary {
  background-color: #007bff !important;
  color: #fff !important;
}

.badge.bg-secondary {
  background-color: #6c757d !important;
  color: #fff !important;
}

.badge.bg-light {
  background-color: #f8f9fa !important;
  color: #212529 !important;
}

.badge.bg-dark {
  background-color: #343a40 !important;
  color: #fff !important;
}

/* AdminLTE 4 Compatible Site Styles */

/* Font size adjustments for AdminLTE 4 */
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/* Focus styles compatible with Bootstrap 5 */
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Remove conflicting body margins for AdminLTE 4 */
body {
  margin: 0;
}

/* AdminLTE 4 specific overrides */
.app-wrapper {
  min-height: 100vh;
}

/* Ensure proper spacing for AdminLTE components */
.card {
  margin-bottom: 1rem;
}

.table-responsive {
  border: none;
}