/* history — styles owned by mod/asset.js, parts.js, vendors.js and
   admin/repairlog.js. The shared pieces (.ahead, .kv, .tabs, .entry, .photos,
   .ord, .vrow, .cbtn …) live in app-ui.css; these are the additions the
   editable-orders and repair-fields features brought (demo mod-orders.css). */

/* ---- order lines: added / edited in the app ---- */
/* Vendor button and the Edit / Remove controls share one row under the
   line. Not .btnrow — that stretches every child to fill, and a full-width
   "Remove" button under every order line is an invitation to tap it. */
.ord .oacts{display:flex; flex-wrap:wrap; gap:7px; align-items:center; margin-top:9px;}
.ord .oacts button.vend{margin-top:0;}
.ord .oacts button.small{width:auto; min-height:30px; padding:5px 11px; font-size:12.5px;
  border-radius:var(--r-pill);}
.ord .oh .pill{padding:2px 8px; font-size:10.5px;}
/* who added or changed the line — the audit trail, in the same quiet mono as
   the rest of the meta line */
.ord .oby{font-family:var(--mono); font-size:11px; color:var(--muted); margin-top:3px;}
.ord.added .ot, .ord.edited .ot{color:var(--text);}
/* "Showing the latest 100 of 1,240 · Show all" under a long purchase history */
.ordmore{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:14px;}
.ordmore button{width:auto; min-height:32px; padding:6px 14px; font-size:12.5px;}

/* ---- repair form: the optional fields the Admin switched on ---- */
/* Two numbers side by side on a PC, one under the other on a phone. The
   free-text "parts used" always takes the whole row. */
.rfields{display:grid; grid-template-columns:1fr 1fr; gap:0 12px;}
.rfields .full{grid-column:1 / -1;}
.rfields label{margin-top:12px;}
@media (max-width:440px){ .rfields{grid-template-columns:1fr;} }

/* ---- order line form ---- */
.ofrm .two{display:grid; grid-template-columns:1fr 1fr; gap:0 12px;}
@media (max-width:440px){ .ofrm .two{grid-template-columns:1fr;} }

/* ---- machine screen: the loading state before the record arrives ---- */
.aloading{display:flex; align-items:center; gap:10px; padding:24px 16px; color:var(--muted);}

/* ---- a contractor's machine screen: the note form (owner, 2026-09-02) ----
   One card: who the note goes to, the box, the button. Their earlier notes
   list under it in the same .entry rows the Activity feed uses. */
.cnote h3{margin:0 0 6px;}
.cnote textarea{width:100%; min-height:110px; margin-top:8px;}
.cnote button.block{margin-top:10px;}
.cnote .permnote{margin:8px 0 0;}