/* dist.css — the FEW classes the distributor portal adds over app.css.
   Everything here uses app.css's own tokens; nothing redefines the system.
   This page runs under the STRICT CSP, so there are no inline styles anywhere —
   every visual decision is a class in this file or in app.css. */

/* [hidden] must actually hide: app.css gives .modules display:flex, and an author
   display rule beats the UA [hidden] rule — the same lesson the VIN field taught
   (§13.76). Without this the nav stays clickable on the terms screen. */
.modules[hidden]{ display:none; }

/* section sub-headings between the lists on one view */
.dist-subhead{
  margin:var(--sp-8) 0 var(--sp-3);
  font-size:var(--fs-section);
  font-weight:var(--fw-semibold);
}

/* action rows under a form or a table: Cancel-then-Primary, left to right */
.dist-actions{
  display:flex; gap:var(--sp-2);
  margin:var(--sp-4) 0;
  align-items:center;
}

/* the terms screen — prose width so a legal text reads as a document */
.dist-terms{ max-width:72ch; }
.dist-terms-list{
  margin:var(--sp-4) 0; padding-left:1.5em;
  line-height:var(--lh-prose);
}
.dist-terms-list li{ margin-bottom:var(--sp-3); }

/* status line under the terms / order actions */
.dist-msg{ min-height:1.5em; color:var(--c-text-secondary); }
.dist-msg.is-bad{ color:var(--c-alert); }

/* a file-picker styled as the button it behaves as */
.dist-file{ position:relative; overflow:hidden; cursor:pointer; }

/* order-entry line inputs sit inside table cells; the table supplies the
   grid, the input supplies only the editing surface */
.dist-line-part{ inline-size:22ch; font-family:var(--font-code); }
.dist-line-qty{ inline-size:8ch; text-align:right;
                font-variant-numeric:tabular-nums lining-nums; }

/* Stat cards use the HOUSE shape from app.css verbatim (.panel > .panel-head
   grey bar > .panel-body > .figure) — built by card() in dist.js. The earlier
   bare-box variant was a design-system deviation, caught in the 25 Aug recon. */

/* the deferred-quantities notice: attention, not alarm — a person will act,
   nothing has failed (the "deferred, never rejected" wording obligation) */
.dist-deferred{
  background:var(--c-attention-tint);
  border:1px solid var(--c-attention);
  border-radius:2px;
  padding:var(--sp-3) var(--sp-4);
  margin:var(--sp-3) 0;
  max-width:72ch;
}

/* an inline quiet link-button inside a table row (documents) */
.dist-doclink{
  background:none; border:0; padding:0;
  color:var(--c-link); cursor:pointer;
  font-size:inherit; font-family:inherit;
}
.dist-doclink:hover{ text-decoration:underline; }