/* vendor-admin.css — additions for the Vendor Admin page (public/vendor-management/admin/), on
   top of ap-kpi.css and vendor-management.css (which already has .cond-form / .cond-checklist /
   .checklist-row / .listsgrid / .subnav-tab etc. — reused here rather than duplicated).
   05-SLIDE-LAYOUT.md R3, Steve 2026-09-23: "the conditions need to be managed in a separate admin
   portal." */

#assignEditor { margin-top:14px; }

/* G-090: "Admin role required" (viewForbidden) — the demo's own plain H1 + one back link, no card. */
.adminreq { padding:24px 4px; }
.adminreq h1 { margin:0 0 10px; }

/* G-077: the page's own H1 + back link sit directly under the header, above the sub-nav — same
   plain layout the demo's adminScreen uses (no card wrapper). */
#viewApp > h1 { margin:18px 0 4px; }
.backlink { display:inline-block; color:var(--seq450); text-decoration:underline; font-size:13px; margin-bottom:14px; }

/* G-078: the sub-nav is now real <a href="#/..."> links (vm-routes.js), styled identically to the
   old button strip (.subnav/.subnav-tab, vendor-management.css) — an anchor just needs its own
   text-decoration reset since <a> and <button> do not share default styling. */
.subnav-tab { text-decoration:none; display:inline-block; }

/* G-082: the Conditions table's per-row action cell (Edit + Deactivate/Reactivate). */
.rowactions { display:flex; gap:6px; white-space:nowrap; }
#condForm h2, #rateForm h2, #recoForm h2 { flex-basis:100%; font-size:13px; font-weight:700; margin:0 0 2px; }
#rateForm .hint { flex-basis:100%; margin-top:2px; }

/* G-085: the Vendor Admin's own formrow (outside .vendor-strip, which vendor-management.css scopes
   narrowly) — the filtered <select> row above the assignment checklist. */
.formrow-line { display:flex; align-items:center; gap:8px; margin:10px 0; font-size:13px; color:var(--ink2); }
.formrow-line select { background:var(--page); border:1px solid var(--ring); border-radius:7px; padding:7px 9px; font:inherit; color:var(--ink); min-width:260px; }
.rate-pair { gap:10px; }
.rate-pair select, .rate-pair input[type=number] { background:var(--page); border:1px solid var(--ring); border-radius:7px; padding:7px 9px; font:inherit; color:var(--ink); }
.rate-pair input[type=number] { width:140px; }

/* G-086: add-only Lists — one section per list (terms/priorities/currencies), each with its H2,
   a read-only list of current values, and one "Add …" input+button. */
.listsection { margin-bottom:18px; padding-bottom:16px; border-bottom:1px solid var(--grid); }
.listsection:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0; }
.listsection h2 { font-size:12px; color:var(--ink2); text-transform:uppercase; letter-spacing:.3px; margin:0 0 8px; }
.listvalues { display:flex; flex-wrap:wrap; gap:6px 10px; margin-bottom:10px; font-size:13px; color:var(--ink); }
.listsection input[type=text] { background:var(--page); border:1px solid var(--ring); border-radius:7px; padding:8px 10px; font:inherit; color:var(--ink); width:220px; }