/* Compact problem review; the canvas and content remain white. */
.problem-review { background:#fff; border:1px solid var(--line,#e1e8e3); border-radius:14px; overflow:hidden; }
.pr-classification { display:flex; flex-wrap:wrap; align-items:center; gap:14px 22px; padding:23px 25px; border-bottom:1px solid var(--line,#e1e8e3); border-top:3px solid var(--green,#247958); }
.pr-classification-heading { display:flex; flex-direction:column; gap:4px; min-width:220px; }
.pr-eyebrow { font-size:11px; color:#557064; font-weight:650; letter-spacing:.07em; }
.pr-classification-heading strong { font-size:17px; line-height:1.4; color:#183d2b; font-weight:650; }
.pr-type-values { display:flex; flex:1; flex-wrap:wrap; gap:6px 16px; font-size:12px; line-height:1.6; color:#30483b; }
.pr-type-values > span { display:inline-flex; gap:6px; }
.pr-type-label { color:#718078; }
.problem-review .pr-type-edit { flex-basis:100%; margin:0; border:0; border-top:1px solid #edf0ee; border-radius:0; background:#fff; padding-top:8px; }
.problem-review .pr-type-edit summary { padding:1px 0; font-size:12px; color:#52685b; font-weight:500; }
.pr-type-fields { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:12px; }
.pr-type-fields .fld { margin:0; font-size:12px; }
.pr-type-fields .fld > span { display:block; margin-bottom:5px; color:#66786c; }
.pr-section { padding:22px 25px; border-top:1px solid #e9eeeb; }
.pr-section > h3 { display:flex; align-items:center; margin:0 0 13px; color:#243d30; font-size:14px; font-weight:650; }
.problem-review .pr-table-wrap { margin:0; border:1px solid #e2e9e4; border-radius:8px; overflow-x:auto; }
.pr-table { width:100%; table-layout:fixed; border-collapse:collapse; background:#fff; min-width:570px; }
.pr-table th { padding:9px 11px; font-size:11px; font-weight:600; text-align:left; background:#f8faf9; color:#617267; border-bottom:1px solid #e5ece7; }
.pr-table td { padding:9px 10px; vertical-align:top; border-bottom:1px solid #edf1ee; }
.pr-table tr:last-child td { border-bottom:0; }
.pr-table th:nth-child(1) { width:19%; }
.pr-table th:nth-child(2) { width:47%; }
.pr-table th:nth-child(3) { width:34%; }
.pr-table:not(:has(.pr-row-action)) th:nth-child(3) { width:34%; }
.pr-table th:last-child:empty { width:34px; }
.pr-table-p th:nth-child(2) { width:40%; }
.pr-table-p th:nth-child(3) { width:41%; }
.problem-review .pr-input { display:block; width:100%; min-width:0; min-height:30px; margin:0; padding:5px 7px; border:1px solid transparent; border-radius:5px; background:#fff; color:#26392d; font-size:12px; line-height:1.55; font-family:inherit; resize:vertical; white-space:pre-wrap; overflow-wrap:anywhere; box-shadow:none; }
.problem-review .pr-input.mono { font-family:var(--mono,ui-monospace,SFMono-Regular,Menlo,monospace); font-size:11.5px; }
.problem-review .pr-input:hover { border-color:#dce6df; background:#fcfdfc; }
.problem-review .pr-input:focus { outline:2px solid #dceee2; outline-offset:0; border-color:#539773; background:#fff; }
.problem-review .pr-input::placeholder { color:#9b7550; }
.pr-value { padding:5px 7px; white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; line-height:1.65; }
.problem-review .pr-prose-input { min-height:34px; padding:6px 8px; border-color:#e2e9e4; line-height:1.7; overflow-y:hidden; }
.pr-row-action { padding:11px 4px !important; text-align:center; }
.pr-row-action .iconbtn { width:24px; height:24px; color:#9aaba0; font-size:16px; }
.pr-row-action .iconbtn:hover { color:#ab504c; background:#fff5f4; }
.pr-new { color:#608269; font-size:10px; }
.pr-timing { display:grid; gap:4px; }
.pr-timing select.pr-input { cursor:pointer; padding-right:20px; font-size:11px; }
.pr-table-actions { display:flex; align-items:center; gap:8px; margin-top:9px; }
.problem-review .pr-table-actions .btn { background:#fff; color:#476654; border-color:#dfe8e2; padding:4px 9px; font-size:11px; min-height:27px; }
.problem-review .pr-table-actions .pr-quiet { margin-left:auto; border-color:transparent; color:#79867e; }
.pr-minor-field { display:block; margin-top:8px; }
.pr-minor-field > span { display:block; padding-left:7px; font-size:10px; color:#76857b; }
.pr-minor-field .pr-input { font-size:11px; }
.pr-suggested { display:inline-block; width:fit-content; margin:3px 4px 2px; padding:1px 6px; border-radius:4px; background:#eaf2fb; color:#2d5f8f; font-size:10px; line-height:1.7; vertical-align:middle; }
.pr-assumption { display:inline-block; width:fit-content; margin:3px 4px 2px; padding:1px 6px; border-radius:4px; background:#fff5e4; color:#926b24; font-size:10px; line-height:1.7; vertical-align:middle; }
.pr-evidence { display:block; padding:3px 7px; color:#886e46; font-size:11px; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere; }
.pr-expression { margin:7px 6px 0; color:#536c5c; font-size:12px; overflow-wrap:anywhere; }
.pr-objective-meta { display:flex; gap:7px; margin-bottom:8px; font-size:11px; color:#50715d; }
.pr-objective-meta span { padding:3px 8px; background:#f3f8f5; border:1px solid #e1ece5; border-radius:5px; }
.pr-objective-settings { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:8px; }
.problem-review .pr-objective-settings .pr-input { width:auto; min-width:120px; border-color:#e1ece5; background:#f8fbf9; color:#50715d; font-size:11px; padding-right:20px; }
.pr-section > .pr-input { border-color:#e3eae5; padding:10px 12px; font-size:13px; }
.pr-uncertainty-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.pr-uncertainty-field { display:block; min-width:0; border:1px solid #e3eae5; border-radius:7px; padding:9px 11px 7px; }
.pr-field-label { display:flex; align-items:center; flex-wrap:wrap; gap:4px; color:#67776d; font-size:11px; padding:0 6px; margin-bottom:4px; }
.pr-attention { border-color:#e7d7b8; }
.problem-review .pr-input.pr-invalid { border:1px solid #bb574c; background:#fff8f7; }
.pr-field-error { color:#9c3c31; font-size:12px; line-height:1.6; padding:4px 7px; }
.pr-add-field { margin-top:12px; }
.pr-checks > .btn { margin:0 8px 12px 0; }
.pr-findings { padding:15px 25px 0; }
.pr-notice { margin:0 0 9px; border-left:3px solid #b28b42; padding:8px 12px; background:#fffbf4; color:#765a2c; border-radius:0 5px 5px 0; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.pr-notice b { font-weight:600; }
.pr-notice-title { display:flex; align-items:baseline; gap:8px; }
.pr-severity { flex:none; padding:0 5px; border:1px solid currentColor; border-radius:3px; font-size:10px; font-weight:650; line-height:1.65; }
.pr-notice-err { border-left-color:#b56960; background:#fff8f7; color:#8f4f48; }
.pr-notice .choice { margin:5px 0 0; padding:5px 0; border:none; background:transparent; box-shadow:none; font-size:12px; }
.pr-notice input[type=checkbox] { accent-color:#2d7750; }
.pr-checks { padding:0 25px 0; }
.pr-checks:has(.pr-notice), .pr-checks:has(button), .pr-checks:has(.pr-check-pending) { padding-bottom:22px; }
.pr-check-pending { display:inline-block; color:#7a806b; font-size:12px; margin:0 10px 8px 0; }
.pr-empty { margin:0; color:#7f8a82; font-size:12px; padding:11px; }
.pr-dropped td { opacity:.7; font-size:12px; }
.pr-dropped .btn { margin-left:10px; }
.pr-question { padding:12px 0; border-top:1px solid #edf0ee; }
.pr-question:first-of-type { border-top:0; padding-top:0; }
.pr-question:last-child { padding-bottom:0; }
.pr-question-title { font-size:13px; font-weight:500; color:#3a5042; margin-bottom:8px; }
.pr-question .choice { margin:5px 0; padding:9px 11px; font-size:12px; }
.pr-question-value { display:block; margin-bottom:8px; }
.pr-question-value > span { display:block; margin:4px 0; color:#6a7a6f; font-size:11px; }
.pr-question-value .pr-input { border-color:#e2e9e4; }
.pr-answer { font-size:12px; color:#4b6554; }
.pr-pending { padding:22px 25px; border-top:1px solid #e5ebe7; }
.pr-pending p { margin:0 0 12px; color:#627468; font-size:13px; }
.pr-readonly .pr-table { min-width:520px; }
@media (max-width:760px) {
  .pr-classification, .pr-section, .pr-pending { padding:18px 16px; }
  .pr-findings { padding:13px 16px 0; }
  .pr-checks { padding-left:16px; padding-right:16px; }
  .pr-type-fields, .pr-uncertainty-grid { grid-template-columns:1fr; }
  .pr-type-values { flex-basis:100%; }
}