/* STT Post Production V24 - clean job drawer */
#drawer-overlay .drawer,
#drawer-overlay [role="dialog"] {
  font-size: 15px !important;
  line-height: 1.46 !important;
}

#drawer-overlay .drawer h1,
#drawer-overlay [role="dialog"] h1 {
  font-size: 30px !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
}

#drawer-overlay .drawer h2,
#drawer-overlay [role="dialog"] h2 {
  font-size: 19px !important;
  line-height: 1.25 !important;
}

#drawer-overlay .drawer h3,
#drawer-overlay .drawer h4,
#drawer-overlay [role="dialog"] h3,
#drawer-overlay [role="dialog"] h4 {
  font-size: 16px !important;
  line-height: 1.3 !important;
}

#drawer-overlay .drawer label,
#drawer-overlay .drawer .field-label,
#drawer-overlay .drawer .meta-label,
#drawer-overlay [role="dialog"] label,
#drawer-overlay [role="dialog"] .field-label,
#drawer-overlay [role="dialog"] .meta-label {
  font-size: 12.5px !important;
  line-height: 1.35 !important;
}

#drawer-overlay .drawer input:not([type="checkbox"]):not([type="radio"]),
#drawer-overlay .drawer select,
#drawer-overlay .drawer textarea,
#drawer-overlay [role="dialog"] input:not([type="checkbox"]):not([type="radio"]),
#drawer-overlay [role="dialog"] select,
#drawer-overlay [role="dialog"] textarea {
  min-height: 44px !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

#drawer-overlay .drawer button,
#drawer-overlay [role="dialog"] button {
  min-height: 40px;
  font-size: 13.5px !important;
  line-height: 1.25 !important;
}

/* V24 hide marker. */
#drawer-overlay [data-stt-v24-hidden="1"],
#drawer-overlay .stt-v24-hidden,
#drawer-overlay .stt-v24-link-removed {
  display: none !important;
}

/* The old V23 note must never remain beside the V24 compact note. */
#drawer-overlay .stt-v23-fixed-reminder {
  display: none !important;
}

/* Compact fixed-reminder summary. */
#drawer-overlay .stt-v24-fixed-reminder {
  width: 100%;
  box-sizing: border-box;
  margin: 10px 0 2px;
  padding: 12px 14px;
  border: 1px solid #d8e6dd;
  border-radius: 10px;
  background: #f1f7f3;
  color: #355745;
}

#drawer-overlay .stt-v24-fixed-reminder-title {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 6px;
  font-size: 12.5px !important;
  font-weight: 760;
  color: #244c37;
}

#drawer-overlay .stt-v24-fixed-reminder-title::before {
  content: "✉";
  font-size: 12px;
  line-height: 1;
}

#drawer-overlay .stt-v24-fixed-reminder-copy {
  margin: 0;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  font-weight: 570;
  color: #496656;
}

#drawer-overlay .stt-v24-reminder-section {
  margin-top: 12px !important;
}

/* Native checkbox of the old reminder UI must never flash blue while V24 applies. */
#drawer-overlay [data-stt-v24-reminder-region="1"] input[type="checkbox"] {
  accent-color: #b9684e;
}

@media (max-width: 760px) {
  #drawer-overlay .drawer,
  #drawer-overlay [role="dialog"] {
    font-size: 15px !important;
  }

  #drawer-overlay .drawer h1,
  #drawer-overlay [role="dialog"] h1 {
    font-size: 27px !important;
  }

  #drawer-overlay .drawer input:not([type="checkbox"]):not([type="radio"]),
  #drawer-overlay .drawer select,
  #drawer-overlay .drawer textarea,
  #drawer-overlay [role="dialog"] input:not([type="checkbox"]):not([type="radio"]),
  #drawer-overlay [role="dialog"] select,
  #drawer-overlay [role="dialog"] textarea {
    min-height: 46px !important;
    font-size: 14.5px !important;
  }

  #drawer-overlay .drawer button,
  #drawer-overlay [role="dialog"] button {
    min-height: 42px;
    font-size: 14px !important;
  }

  #drawer-overlay .stt-v24-fixed-reminder {
    padding: 11px 12px;
  }
}