/* CSS nur für das Account-Detail Template */

/* Container */
.container.mt-4 {
  margin-top: 30px;
}

/* Titel */
.container h3.mb-3 {
  font-weight: 600;
  margin-bottom: 20px;
}

/* Tabs */
.nav-tabs {
  margin-bottom: 1rem;
}

.nav-tabs .nav-link.active {
  background-color: #0d6efd;
  color: #fff !important;
  font-weight: 600;
  border-radius: 0.25rem;
}

.nav-tabs .nav-link {
  color: #0d6efd;
  font-weight: 500;
}

.nav-tabs .nav-link:hover {
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

/* Tab Content Box */
.tab-content.border.p-3.bg-white {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

/* Tabellen */
.table.table-sm th {
  width: 200px;
  font-weight: 600;
}

.table.table-sm td,
.table.table-sm th {
  vertical-align: middle;
}

.table.table-sm tbody tr:hover {
  background-color: #f8f9fa;
  transition: background-color 0.2s;
}

/* Activity-Liste */
.list-group-item {
  font-size: 0.95rem;
  border-left: 3px solid transparent;
}

.list-group-item strong {
  color: #0d6efd;
}

.list-group-item.text-muted {
  font-style: italic;
  color: #6c757d;
}

.btn-xs {
    padding: 0.1rem 0.4rem;
    font-size: 0.75rem;
}

.inactive-account {
    background-color: #f8d7da; /* helles Rot */
    color: #842029;
}