/* Bootstrap 5 Card Component Styles for OasisUI Panels */

/* Card status variants to replace panel- classes */
.card.border-default {
  border-color: #dee2e6;
}

.card.border-primary {
  border-color: #8b2129;
}

.card.border-success {
  border-color: #198754;
}

.card.border-info {
  border-color: #0dcaf0;
}

.card.border-warning {
  border-color: #ffc107;
}

.card.border-danger {
  border-color: #dc3545;
}

/* Card header status variants */
.card.border-primary .card-header {
  background-color: rgba(139, 33, 41, 0.1);
  border-bottom-color: #8b2129;
}

.card.border-success .card-header {
  background-color: rgba(25, 135, 84, 0.1);
  border-bottom-color: #198754;
}

.card.border-info .card-header {
  background-color: rgba(13, 202, 240, 0.1);
  border-bottom-color: #0dcaf0;
}

.card.border-warning .card-header {
  background-color: rgba(255, 193, 7, 0.1);
  border-bottom-color: #ffc107;
}

.card.border-danger .card-header {
  background-color: rgba(220, 53, 69, 0.1);
  border-bottom-color: #dc3545;
}

/* Ensure collapsible cards work properly */
.card .collapse:not(.show) {
  display: none;
}

.card .collapse.show {
  display: block;
}

/* Smooth transitions for collapsible cards */
.card .collapse {
  transition: height 0.35s ease;
}

/* Card body spacing consistency */
.card-body {
  padding: 1rem;
}

.card-header {
  padding: 0.5rem 1rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer {
  padding: 0.5rem 1rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}