.table-pdm-dqs label {
  display: none;
}

.pdm-quality-top {
  display: flex;
}

.pdm-quality-top-col {
  flex: 1 1 0;
  padding: 0 12px;

  & > div {
    padding: 36px 24px;
  }
}

.pdm-quality-divider-col {
  border-left: 1px solid #dcdfe4;
}

.pdm-quality-row {
  display: flex;
  border-top: 1px solid #dcdfe4;
}

@media (max-width: 425px) {
  .pdm-quality-row {
    flex-wrap: wrap;
  }
}

.pdm-quality-row .pdm-quality-col-left,
.pdm-quality-row .pdm-quality-col-right {
  padding: 36px 24px;
}

.pdm-quality-row .pdm-quality-col-left {
  flex: 0 0 35%;
  width: 35%;
}

@media (max-width: 425px) {
  .pdm-quality-row .pdm-quality-col-left {
    flex: 0 0 100%;
    width: 100%;
  }
}

.pdm-quality-row .pdm-quality-col-right {
  flex: 1 1 auto;
  min-width: 0;
}

.pdm-quality-list {
  margin: 8px 0 0 0;
  padding-left: 18px;
  font-size: 14px;
  line-height: 21px;
  color: #4d4d55;
}

.pdm-quality-list li+li {
  margin-top: 4px;
}

@media (max-width: 900px) {
  .pdm-quality-top {
    flex-direction: column;
  }

  .pdm-quality-top-col {
    padding: 0;
  }

  .pdm-quality-top-col,
  .pdm-quality-divider-col {
    border-left: none;
    border-top: 1px solid #dcdfe4;
  }

  .pdm-quality-top-col:first-child {
    border-top: none;
  }
}

/* Diamond score accordion styles */
#diamondScoreAccordion {
  margin-bottom: 32px;
}

#diamondScoreAccordion .accordion-item {
  background: #FFFFFF;
  border: 1px solid #DCDFE4;
  border-radius: 8px;
  overflow: hidden;
  padding: 24px;
}

#diamondScoreAccordion .accordion-button {
  background: transparent;
  color: #007373;
  font-size: 21px;
  font-weight: 700;
  padding: 0;
  border: none;
  box-shadow: none;
}

#diamondScoreAccordion .accordion-button:focus {
  box-shadow: none;
}

#diamondScoreAccordion .accordion-button::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M20.4656 19.2991L19.2531 17.1917C17.492 18.7795 15.3124 19.6744 13.0317 19.8909C12.9596 19.8909 12.8874 19.9054 12.8008 19.9054L14.4608 22.7634C14.634 23.0666 14.9515 23.2542 15.298 23.2542C15.6444 23.2542 15.962 23.0666 16.1352 22.7634L17.2611 20.8003L19.6428 20.7426C19.9892 20.7426 20.3068 20.5549 20.4656 20.2518C20.6244 19.9487 20.6244 19.5878 20.4656 19.2991Z" fill="%2300B1AC"/%3E%3Cpath d="M4.74672 17.1917L3.53421 19.2991C3.36099 19.6023 3.36099 19.9631 3.53421 20.2518C3.69299 20.5549 4.02499 20.7426 4.35698 20.7426L6.7387 20.8003L7.8646 22.7634C8.03782 23.0666 8.35538 23.2542 8.70181 23.2542C9.04824 23.2542 9.3658 23.0666 9.53902 22.7634L11.1846 19.9054C9.25033 19.9054 6.16131 18.5918 4.74672 17.1772V17.1917Z" fill="%2300B1AC"/%3E%3Cpath d="M11.9928 0C7.02727 0 3 4.0417 3 9.02165C3 14.0016 6.63753 17.5381 11.1267 17.9856C11.5453 18.0289 11.7907 18.0144 12.2959 18.0144C16.6985 18.0144 21 14.1748 21 9.02165C21 3.86848 16.9583 0 11.9928 0ZM15.818 8.834L14.4755 10.1331L14.7787 11.9808C14.822 12.2839 14.7065 12.5726 14.4755 12.7602C14.2446 12.919 13.9415 12.9623 13.6528 12.818L11.9928 11.9519L10.3328 12.818C10.073 12.9479 9.75541 12.9334 9.51002 12.7458C9.26464 12.5726 9.14916 12.2839 9.2069 11.9808L9.51002 10.1331L8.18204 8.834C7.69126 8.35766 7.99439 7.57819 8.61508 7.49158L10.4627 7.21732L11.2855 5.5429C11.5597 4.99439 12.4258 5.00882 12.7001 5.5429L13.5229 7.21732L15.3705 7.49158C15.6592 7.53488 15.9046 7.73697 16.0056 8.02566C16.1067 8.29992 16.02 8.61748 15.818 8.834Z" fill="%2300B1AC"/%3E%3C/svg%3E');
  display: inline-block;
  margin-right: 12px;
  font-size: 20px;
  vertical-align: middle;
  color: #00b3a6;
}

#diamondScoreAccordion .accordion-button::after {
  filter: brightness(0) saturate(100%) invert(20%) sepia(99%) saturate(2634%) hue-rotate(167deg) brightness(88%) contrast(105%);
}

#diamondScoreAccordion .accordion-body {
  background: transparent;
  color: #d6d6d8;
  padding: 0;
}

/* Form mockup styles for the diamond block */
#diamondScoreAccordion .accordion-body form#score-edit-form {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  margin-top: 12px;
  gap: 12px;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

/* Diamond form layout */
.diamond-desc p {
  margin: 0;
  color: #65656A;
  font-size: 12px;
  line-height: 16px;
}

.diamond-row {
  display: flex;
  align-items: center;
  padding: 0;
  gap: 12px;
}

.diamond-label {
  flex: 1 1 auto;
  font-size: 16px;
  line-height: 27px;
  font-weight: 400;
  color: #65656A;
}

.diamond-switch {
  flex: 0 0 auto;
}

/* Custom toggle switch */
.switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #00B1AC;
  border-radius: 32px;
  transition: background-color 0.2s;
  border: 1px solid rgba(0,0,0,0.1);
}

.slider::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  top: 1px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.2s;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.switch input:checked + .slider {
  background-color: #003C60;
  border-color: #003C60;
}

.switch input:checked + .slider::before {
  transform: translateX(15px);
}