/* AIMS — the PFS headline on an approval (w46c). Drawn by pfs-approval.js for the quote's Approval panel (Apex) and for a bid's
   row in My Approvals (every workspace, phones included). Kit tokens and classes only; every name starts "pah-".
   The block sizes itself by the room it is given (a container), not by the window, because the same block sits in a wide quote
   page and in a narrow inbox row. Six figures: the kit's strip (3 across, then 2, then 2 — never an orphan); three threshold chips and
   four notes: 2 x 2, then 1. */
.pah { container-type: inline-size; display: grid; gap: 14px; padding: 16px 18px; border-left: 3px solid var(--accent); }
.pah-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.pah-title { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 15px; }
.pah-open { white-space: nowrap; }
.pah-lbl { font-size: 13px; font-weight: var(--fw-semi); color: var(--ink-2); }   /* the Summary's field labels: sentence case */
/* the six figures are the kit's strip (.strip.three.six: the Summary's own drawing); inside this block it needs no second shadow */
.pah-figs { box-shadow: none; border: 1px solid var(--hair); background: var(--surface); }

.pah-ths { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.pah-th { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 2px 10px; padding: 9px 12px; border-radius: var(--r-m); background: var(--well); min-width: 0; }
.pah-th .src { grid-column: 2; justify-self: start; margin: 0; }
.pah-ico { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; font-size: 12px; font-weight: var(--fw-bold); background: var(--surface); color: var(--muted); }
.pah-th.ok { background: color-mix(in srgb, var(--ok) 10%, var(--surface)); }
.pah-th.ok .pah-ico { background: var(--ok); color: var(--on-ink); }
.pah-th.bad { background: color-mix(in srgb, var(--bad) 10%, var(--surface)); }
.pah-th.bad .pah-ico { background: var(--bad); color: var(--on-ink); }
.pah-thtxt { display: flex; flex-direction: column; gap: 1px; min-width: 0; font-size: 13px; line-height: 1.35; overflow-wrap: anywhere; }
.pah-thval { font-size: 12.5px; color: var(--ink-2); font-variant-numeric: tabular-nums; }

.pah-for { display: grid; gap: 8px; }
.pah-h { margin: 0; font-size: 15px; font-weight: var(--fw-bold); }
.pah-notes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }   /* four notes: 2 x 2, then 1 */
.pah-wt { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.pah-wt-chips { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.pah-note { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 10px 12px 11px; border-radius: var(--r-m); border: 1px solid var(--hair); background: var(--surface); }
.pah-note p { margin: 0; font-size: 13.5px; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 15em; overflow: auto; }
.pah-note p.pah-none { color: var(--muted); font-style: italic; }
.pah-foot { margin: 0; }

@container (max-width: 640px) {
  .pah-ths, .pah-notes { grid-template-columns: minmax(0, 1fr); }
}
@container (max-width: 380px) {
  .pah { padding: 14px; }
  .pah-open { width: 100%; justify-content: center; }
}

/* The estimator's side of "Send back - needs a PFS": who asked, why, what to do. */
.pah-ask { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 14px 16px; border-left: 3px solid var(--warn); }
.pah-ask.ready { border-left-color: var(--ok); }
.pah-ask-main { display: grid; gap: 2px; min-width: 0; flex: 1 1 280px; }
.pah-ask-main p { margin: 0; }
.pah-ask-acts { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 600px) {
  .pah-ask-acts { width: 100%; }
  .pah-ask-acts > .btn { flex: 1 1 0; justify-content: center; }
}