/* FA-13 Estimate (board 37). [data-look="v2"] only. See
   frontend/js/estimateV2.js for the JS half (relocating the existing v1
   estimate draft/review controls into the panes below, and reusing FA-06's
   shared full-screen signature capture instead of the v1 inline pad —
   nothing here re-derives draft/review state or submit logic). With the
   switch OFF this file has no effect and #scr-estimate renders exactly as it
   does today.

   Moved elements (#estimate-options, #estimate-review-options, ...) reuse
   v1's own classes (.estimate-option, .estimate-item-row, .estimate-total,
   .estimate-review-card, ...), which already pick up the v2 palette for
   free via tokens.css's variable remap — same "no styling needed here" note
   as jobsSearch.css/inspection.css. */

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

[data-look="v2"] .estimate-option {
  background: var(--field-surface);
  border: 1px solid var(--field-border);
  border-radius: var(--field-radius-card);
  padding: var(--field-space-4);
  margin-bottom: var(--field-space-3);
}
[data-look="v2"] .estimate-option-label {
  color: var(--field-text-primary);
  font: var(--field-text-card-heading);
  margin-bottom: var(--field-space-2);
}

[data-look="v2"] .estimate-review-card {
  display: block;
  width: 100%;
  background: var(--field-surface);
  border: 1px solid var(--field-border);
  border-radius: var(--field-radius-card);
  padding: var(--field-space-4);
  margin-bottom: var(--field-space-3);
  text-align: left;
}
[data-look="v2"] .estimate-review-card.picked {
  border-color: var(--field-action-fill);
}