/* Keep your group-block exactly as is */
.group-block {
  border: 1px solid rgba(0,0,0,.06);
  border-radius: .5rem;
  padding: .5rem .75rem;
  margin: 1.25rem 0 2rem;
  /* Add left margin to clear the sticky menu */
  margin-left: 15px;
}

@media (min-width: 1400px) {
  .group-block {
    margin-left: 280px; /* Match your largest breakpoint */
  }
}

/* Add this to reset the card wrapper margins inside group-blocks */
.group-block .section-card-wrapper {
  margin-left: 0;
}

@media (min-width: 576px) {
  .group-block .section-card-wrapper {
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .group-block .section-card-wrapper {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .group-block .section-card-wrapper {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .group-block .section-card-wrapper {
    margin-left: 0;
  }
}

@media (min-width: 1400px) {
  .group-block .section-card-wrapper {
    margin-left: 0;
  }
}

/* Target h6 titles that precede group-blocks */
h6.text-muted.mt-4.mb-2 + .group-block,
h6.text-muted.mt-4.mb-2 {
  margin-left: 15px;
}

@media (min-width: 1400px) {
  h6.text-muted.mt-4.mb-2 + .group-block,
  h6.text-muted.mt-4.mb-2 {
    margin-left: 280px;
  }
}

/* Bigger indent for child rows in the top table */
.section-indent {
  padding-left: 2.25rem !important; /* ~36px — larger than Bootstrap ps-4 */
}

@media (min-width: 1200px) {
  .section-indent {
    padding-left: 2.75rem !important; /* give XL screens a bit more breathing room */
  }
}

.container-left-aligned {
  width: 100%;
  padding-right: 0; /* Remove right padding */
  padding-left: 15px;
  margin-right: 0; /* Remove right margin */
  margin-left: auto;
}

/* Match Bootstrap's left margin at different breakpoints */
@media (min-width: 576px) {
  .container-left-aligned {
    margin-left: calc((100% - 540px) / 2);
  }
}

@media (min-width: 768px) {
  .container-left-aligned {
    margin-left: calc((100% - 720px) / 2);
  }
}

@media (min-width: 992px) {
  .container-left-aligned {
    margin-left: calc((100% - 960px) / 2);
  }
}

@media (min-width: 1200px) {
  .container-left-aligned {
    margin-left: calc((100% - 1140px) / 2);
  }
}

@media (min-width: 1400px) {
  .container-left-aligned {
    margin-left: calc((100% - 1320px) / 2);
  }
}

.container-stretch-right {
  padding-right: 0 !important;
  margin-right: 0 !important;
}

.section-card-wrapper {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding-left: 15px;
  padding-right: 15px;
}

/* Match Bootstrap container breakpoints - left align, stretch right */
@media (min-width: 576px) {
  .section-card-wrapper {
    margin-left: 15px; /* Reset margin */
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 768px) {
  .section-card-wrapper {
    margin-left: 15px; /* Reset margin */
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 992px) {
  .section-card-wrapper {
    margin-left: 15px;
    padding-left: 15px; /* Reset to fixed padding */
    padding-right: 15px;
  }
}

@media (min-width: 1200px) {
  .section-card-wrapper {
    margin-left: 15px; /* Add this */
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 1400px) {
  .section-card-wrapper {
    margin-left: 280px; /* Add this */
    padding-left: 15px;
    padding-right: 15px;
  }
}

.section-card-wrapper .card-body {
  max-width: auto; /* or whatever looks good */
}

.content-constrain {
  max-width: auto; /* Adjust this value to your preference */
}

/* KI register table column alignment */
.ki-register-table {
  table-layout: fixed;
  width: 100%;
}

.ki-register-table th:nth-child(1),
.ki-register-table td:nth-child(1) {
  width: 42%;
}

.ki-register-table th:nth-child(2),
.ki-register-table td:nth-child(2) {
  width: 12%;
}

.ki-register-table th:nth-child(3),
.ki-register-table td:nth-child(3),
.ki-register-table th:nth-child(4),
.ki-register-table td:nth-child(4) {
  width: 12%;
}

.ki-register-table th:nth-child(5),
.ki-register-table td:nth-child(5) {
  width: 6%;
  text-align: center;
}

.ki-register-table th:nth-child(6),
.ki-register-table td:nth-child(6) {
  width: 16%;
  white-space: nowrap;
}

/* Required field indicator */
label.required::after {
  content: " *";
  color: #dc3545;
}

/* Keep outline-info buttons readable on hover (e.g. Gap Report actions). */
.btn-outline-info {
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
}