/* One shared column for the record and review form. Scoped to this dialog. */
#caseModal *, #caseModal *::before, #caseModal *::after { box-sizing: border-box; }
#caseModal .case-review-scroll { padding: 16px; scrollbar-gutter: stable both-edges; }
#caseModal .case-detail,
#caseModal .case-review-scroll > .hr-decision-area { width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; }
#caseModal .case-review-document.case-review-information { border-radius: 12px; box-shadow: none; background: #fff; }
#caseModal .case-review-scroll > .hr-decision-area { margin-top: 14px; margin-bottom: 0; padding: 16px; border-radius: 12px; box-shadow: none; gap: 14px; }
#caseModal .case-review-information .case-review-content { padding: 16px; gap: 12px; }
#caseModal .case-review-overview { padding: 16px; gap: 16px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
#caseModal .case-review-person-summary h3 { white-space: normal; overflow-wrap: anywhere; }
#caseModal .case-review-meta-chips { display: grid; grid-template-columns: auto auto minmax(120px, 210px); gap: 8px; }
#caseModal .case-review-meta-chips > span { min-width: 0; border-radius: 8px; padding: 8px 10px; align-content: start; }
#caseModal .case-review-meta-chips strong { overflow-wrap: anywhere; }
#caseModal .case-review-content > section { border-radius: 10px; padding: 14px; }
#caseModal .case-review-info-card { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; align-items: start; }
#caseModal .case-review-info-card p,
#caseModal .case-review-ack-card p { font-weight: 400; line-height: 1.5; overflow-wrap: anywhere; }
#caseModal .case-review-ack-card { grid-template-columns: minmax(160px, 1fr) minmax(0, 2fr); gap: 16px; }
#caseModal .hr-decision-area .grid-2:not(.hidden) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#caseModal .hr-decision-area label { margin: 0; min-width: 0; }
#caseModal .hr-decision-area input,
#caseModal .hr-decision-area select,
#caseModal .hr-decision-area textarea { width: 100%; border-radius: 8px; }
#caseModal #supervisorNotes { min-height: 80px; height: 80px; resize: vertical; }
#caseModal .performance-review-evidence { margin: 0; padding: 14px; border-radius: 10px; }
#caseModal .performance-evidence-upload { margin: 0; }
#caseModal .performance-trends > small { font-weight: 400; font-size: 11px; line-height: 1.45; color: #647c85; }
#caseModal .case-review-information .case-review-content { gap:10px; padding:14px; }
#caseModal .case-review-overview { padding:12px 14px; }
#caseModal .case-review-result { display:flex; gap:36px; padding:8px 0 14px !important; border:0; border-bottom:1px solid #dce7e5; border-radius:0 !important; background:transparent; }
#caseModal .case-review-result > div { display:grid; gap:3px; min-width:0; }
#caseModal .case-review-result small { font-size:11px; color:#54716e; font-weight:500; }
#caseModal .case-review-result strong { font-size:22px; color:#183f3b; line-height:1.2; }
#caseModal .case-review-notes,
#caseModal .case-review-evidence-fold { padding:10px 14px; border:1px solid #dce7e5; border-radius:8px; background:#fff; }
#caseModal .case-review-notes summary,
#caseModal .case-review-evidence-fold > summary,
#caseModal .case-review-trend-method summary { cursor:pointer; font-size:12px; font-weight:600; color:#3c6260; }
#caseModal .case-review-notes p { font-size:12px; font-weight:400; line-height:1.5; overflow-wrap:anywhere; }
#caseModal .case-review-evidence-fold .case-review-section-heading { margin-top:12px; }
#caseModal .case-review-evidence-fold .case-review-section-heading small,
#caseModal .case-review-evidence-fold .case-review-section-heading h3 { display:none; }
#caseModal .case-review-trend-method summary { font-size:10px; font-weight:400; color:#647c85; }
#caseModal .case-review-trend-method small { display:block; margin-top:6px; font-size:11px; font-weight:400; line-height:1.45; color:#647c85; }
#caseModal .performance-trends { padding:12px !important; }
#caseModal .performance-trends { border:0; padding:6px 0 10px !important; }
#caseModal .performance-trends header p { display:none; }
#caseModal .case-review-ack-card { border:0; border-top:1px solid #dce7e5; border-radius:0 !important; background:transparent; }
#caseModal .case-review-ack-card { padding:10px 14px !important; }
#caseModal .case-review-modal > .modal-head,
#caseModal .case-review-footer { padding-left: 20px !important; padding-right: 20px !important; }
@media (max-width: 700px) {
  #caseModal .case-review-scroll { padding: 10px; }
  #caseModal .case-review-overview { grid-template-columns: 1fr; }
  #caseModal .case-review-meta-chips { grid-template-columns: 1fr 1fr; }
  #caseModal .case-review-meta-chips > span:last-child { grid-column:1 / -1; }
  #caseModal .case-review-information .case-review-content { padding: 12px; }
  #caseModal .case-review-scroll > .hr-decision-area { padding: 12px; }
  #caseModal .case-review-ack-card,
  #caseModal .hr-decision-area .grid-2:not(.hidden) { grid-template-columns: 1fr; }
}