/* FA-17 Post-Job Debrief (board 47). [data-look="v2"] only. See
   frontend/js/debriefV2.js for the JS half (relocating every real v1
   debrief field into a v2 accordion, grouped into the board's own
   categories, plus a read-only review pane before Save Debrief — nothing
   here re-derives draft/submit logic, that all stays in js/debrief.js
   untouched). With the switch OFF this file has no effect and #debrief-v1
   renders exactly as it does today.

   Accordion headers reuse jobdetail.css's .jobv2-task-row/-icon/-text/-sub/
   -chev verbatim (generic v2 row primitives, not job-detail-specific). */

[data-look="v2"] #scr-debrief > #debrief-v1 {
  display: none;
}

[data-look="v2"] .debriefv2-section {
  background: var(--field-surface);
  border: 1px solid var(--field-border);
  border-radius: var(--field-radius-card);
  margin-bottom: var(--field-space-2);
  overflow: hidden;
}
[data-look="v2"] .debriefv2-section-head {
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  width: 100%;
  background: none;
}
[data-look="v2"] .debriefv2-section-body {
  display: none;
  padding: 0 var(--field-space-3) var(--field-space-3);
}
[data-look="v2"] .debriefv2-section.open .debriefv2-section-body { display: block; }
[data-look="v2"] .debriefv2-section.open .jobv2-task-chev { transform: rotate(90deg); }

[data-look="v2"] .debriefv2-parts-other-row {
  display: flex;
  gap: var(--field-space-2);
  align-items: flex-start;
  margin-top: 8px;
}

[data-look="v2"] .debriefv2-form-actions {
  display: flex;
  gap: var(--field-space-2);
  margin-top: var(--field-space-3);
}
[data-look="v2"] .debriefv2-form-actions #debriefv2-save-draft { flex: 1 1 0; }
[data-look="v2"] .debriefv2-form-actions #debriefv2-review { flex: 2 1 0; margin: 0; }

[data-look="v2"] .debriefv2-review-card {
  background: var(--field-surface);
  border: 1px solid var(--field-border);
  border-radius: var(--field-radius-card);
  padding: var(--field-space-3);
  margin-bottom: var(--field-space-2);
}
[data-look="v2"] .debriefv2-review-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font: var(--field-text-card-heading);
  color: var(--field-text-primary);
}
[data-look="v2"] .debriefv2-review-edit {
  border: none;
  background: none;
  color: var(--field-active-text);
  font: var(--field-text-label);
  min-height: 32px;
}
[data-look="v2"] .debriefv2-review-value {
  margin: 6px 0 0;
  color: var(--field-text-secondary);
  font: var(--field-text-body);
}