/* Global UI polish: softer badges and separated action buttons */

/* Softer, rounded badges across the app */
.badge {
  border-radius: 9999px !important;
  padding: 0.375rem 0.65rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px;
}

/* Map solid badge colors to subtle scheme */
.badge.bg-primary,
.badge.text-bg-primary {
  background-color: var(--bs-primary-bg-subtle) !important;
  color: var(--bs-primary-text-emphasis) !important;
}
.badge.bg-success,
.badge.text-bg-success {
  background-color: var(--bs-success-bg-subtle) !important;
  color: var(--bs-success-text-emphasis) !important;
}
.badge.bg-info,
.badge.text-bg-info {
  background-color: var(--bs-info-bg-subtle) !important;
  color: var(--bs-info-text-emphasis) !important;
}
.badge.bg-warning,
.badge.text-bg-warning {
  background-color: var(--bs-warning-bg-subtle) !important;
  color: var(--bs-warning-text-emphasis) !important;
}
.badge.bg-danger,
.badge.text-bg-danger {
  background-color: var(--bs-danger-bg-subtle) !important;
  color: var(--bs-danger-text-emphasis) !important;
}
.badge.bg-secondary,
.badge.text-bg-secondary {
  background-color: var(--bs-secondary-bg-subtle) !important;
  color: var(--bs-secondary-text-emphasis) !important;
}

/* Table action buttons: separated, rounded, and subtle */
.table .btn-group,
.card .btn-group {
  display: inline-flex;
  gap: 0.5rem;
}
.table .btn-group .btn,
.card .btn-group .btn {
  margin-left: 0 !important; /* cancel grouped overlap */
  border-radius: 10px !important;
  border-width: 1px;
  padding: 0.4rem 0.6rem;
}
.table .btn-group .btn i,
.card .btn-group .btn i {
  font-size: 0.95rem;
}

/* Icon-sized buttons helper */
.btn-icon-sm {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}

/* Tone down outline colors inside tables/cards for a calmer look */
.table .btn-group .btn.btn-outline-primary,
.card .btn-group .btn.btn-outline-primary {
  border-color: var(--bs-border-color) !important;
  color: var(--bs-primary) !important;
  background-color: transparent !important;
}
.table .btn-group .btn.btn-outline-primary:hover,
.card .btn-group .btn.btn-outline-primary:hover {
  background-color: var(--bs-primary-bg-subtle) !important;
  border-color: var(--bs-primary-bg-subtle) !important;
}

.table .btn-group .btn.btn-outline-success,
.card .btn-group .btn.btn-outline-success {
  border-color: var(--bs-border-color) !important;
  color: var(--bs-success) !important;
}
.table .btn-group .btn.btn-outline-success:hover,
.card .btn-group .btn.btn-outline-success:hover {
  background-color: var(--bs-success-bg-subtle) !important;
  border-color: var(--bs-success-bg-subtle) !important;
}

.table .btn-group .btn.btn-outline-warning,
.card .btn-group .btn.btn-outline-warning {
  border-color: var(--bs-border-color) !important;
  color: var(--bs-warning) !important;
}
.table .btn-group .btn.btn-outline-warning:hover,
.card .btn-group .btn.btn-outline-warning:hover {
  background-color: var(--bs-warning-bg-subtle) !important;
  border-color: var(--bs-warning-bg-subtle) !important;
}

.table .btn-group .btn.btn-outline-danger,
.card .btn-group .btn.btn-outline-danger {
  border-color: var(--bs-border-color) !important;
  color: var(--bs-danger) !important;
}
.table .btn-group .btn.btn-outline-danger:hover,
.card .btn-group .btn.btn-outline-danger:hover {
  background-color: var(--bs-danger-bg-subtle) !important;
  border-color: var(--bs-danger-bg-subtle) !important;
}

/* Code tokens: friendlier accent color */
code {
  color: #ff6b9a; /* rose accent for IDs */
  font-weight: 600;
}