.detail-shell {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  color: #1f2328;
}

.detail-actionbar {
  background: #343a40;
  border: 1px solid #343a40 !important;
}

.detail-actionbar .detail-title {
  color: #ffffff;
  font-weight: 600;
}

.detail-card {
  border: 1px solid #b6bdc5 !important;
}

.detail-card .card-header {
  border-bottom-color: #b6bdc5 !important;
}

.detail-tabs {
  background: #d0d4da;
  border-bottom: 1px solid #8d96a0;
  padding-top: 0.5rem;
}

.detail-tabs .nav-link {
  color: #2f353a;
  border: 1px solid transparent;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  font-weight: 700;
  padding: 0.5rem 0.75rem;
}

.detail-tabs .nav-link:hover,
.detail-tabs .nav-link:focus {
  color: #111418;
  background: #bcc3cb;
  border-color: #8d96a0;
}

.detail-tabs .nav-link.active {
  color: #ffffff;
  background: #343a40;
  border-color: #343a40 #343a40 #ffffff;
  box-shadow: none;
}

.detail-shell .table-light,
.detail-shell .table-light th {
  background-color: #e2e6ea !important;
  color: #2f353a !important;
}

.detail-shell .text-muted.small,
.detail-shell td.text-muted,
.detail-shell .small.text-muted {
  color: #4b545c !important;
  font-weight: 600;
}

.detail-section {
  border: 1px solid #b6bdc5;
  border-radius: 0.5rem;
  background: #ffffff;
}

.detail-summary {
  background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
  border: 1px solid #b6bdc5;
  border-radius: 0.5rem;
}

@media (max-width: 992px) {
  .detail-shell {
    width: 96%;
  }
}

.form-shell {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  color: #1f2328;
}

.form-actionbar {
  background:   #ffffff;
  border: 1px solid #696969 !important;
  border-radius: 10px;
}

.form-actionbar .form-title {
  color: #00303a;
  font-weight: 600;
}

.form-card {
  border: 1px solid #b6bdc5 !important;
}

.form-card .card-header {
  border-bottom-color: #b6bdc5 !important;
}

.form-section-dark {
  background: #343a40;
  color: #ffffff;
}

.form-section-mid {
  background: #6c757d;
  color: #ffffff;
}

.form-shell .text-muted {
  color: #4b545c !important;
  font-weight: 600;
}

@media (max-width: 992px) {
  .form-shell {
    width: 96%;
  }
}