/* EXPECTED COSTS (pages/provisions.js) and the kind-of-trim choice in the Adopt panel (pages/trim-sandbox.js,
   pages/trim-made.js). Colours come from the shared tokens only. */
.prov-zone{display:grid;gap:var(--space-4);margin:var(--space-4) 0}
.prov-zone .card,.card.prov-list{margin:0}
.prov-ask h2{font-size:var(--text-lg);margin:4px 0 6px}
.prov-ask p{max-width:72ch;line-height:1.5}
.prov-ask .row,.prov-form .row{margin-top:var(--space-3)}
.prov-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-4);margin-top:var(--space-3)}
.prov-grid .prov-note{grid-column:1 / -1}
.prov-rows{display:grid;gap:var(--space-2);margin-top:var(--space-3)}
.prov-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--space-2) var(--space-5);
  align-items:center;
  background:var(--surface);
  border:1px solid var(--border);
  border-left:4px solid var(--amber-dot);
  border-radius:var(--radius);
  padding:var(--space-3) var(--space-4);
}
.prov-row .r{text-align:right;font-variant-numeric:tabular-nums}
.prov-row .r .row{justify-content:flex-end;margin-top:4px}
.prov-close{grid-column:1 / -1;display:flex;align-items:end;gap:var(--space-4);flex-wrap:wrap}
.prov-close{padding-top:var(--space-2);border-top:1px dashed var(--line)}
.prov-close .fld{min-width:320px}
.prov-list .spread>.btn-sm{align-self:start;white-space:nowrap}

/* the Adopt panel: the kind of trim sits on its own row under the figures, four choices across */
.ab-nature{grid-column:1 / -1;border-top:1px solid var(--line);padding-top:var(--space-3)}
.ab-nature .nature-opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin-top:8px}
.ab-nature .chk{padding:8px 10px;align-items:flex-start}
.ab-nature .chk b{font-size:var(--text-sm)}
.ab-nature .chk small{display:block;color:var(--muted);font-size:11.5px;line-height:1.35;margin-top:2px}
.ab-nature .chk:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}
.tm-adj .tm-nature{margin-top:8px}
.tm-adj .tm-nature select{font-size:var(--text-xs);padding:4px 6px}
.adopt-box .ab-btns{grid-column:1 / -1;flex-direction:row;justify-content:flex-end;align-items:center}
.adopt-box .ab-btns .btn.primary{min-width:220px}