/* Give QC score cards enough room to read each criterion in the job drawer. */
#drawer-overlay .quality-score-breakdown[data-score-count="5"] {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 11px !important;
}

#drawer-overlay .quality-score-breakdown[data-score-count="4"] {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 11px !important;
}

#drawer-overlay .quality-score-breakdown[data-score-count] > span {
  min-height: 76px !important;
  padding: 10px 11px !important;
  justify-content: space-between !important;
  gap: 8px !important;
  border-color: #d8e2da !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7faf7 100%) !important;
  box-shadow: 0 2px 7px rgba(48, 76, 57, 0.06) !important;
}

#drawer-overlay .quality-score-breakdown[data-score-count] small {
  min-height: 30px !important;
  color: #59645c !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

#drawer-overlay .quality-score-breakdown[data-score-count] b {
  font-size: 18px !important;
  line-height: 1.1 !important;
}

#drawer-overlay .qc-form .score-grid[data-qc-count="5"] {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

#drawer-overlay .qc-form .score-grid[data-qc-count="4"] {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

@media (max-width: 700px) {
  #drawer-overlay .quality-score-breakdown[data-score-count="5"],
  #drawer-overlay .quality-score-breakdown[data-score-count="4"],
  #drawer-overlay .qc-form .score-grid[data-qc-count="5"],
  #drawer-overlay .qc-form .score-grid[data-qc-count="4"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #drawer-overlay .quality-score-breakdown[data-score-count] > span {
    min-height: 70px !important;
    padding: 9px !important;
  }

  #drawer-overlay .quality-score-breakdown[data-score-count] small {
    font-size: 11px !important;
  }
}