/* css/modules/ppl.css: the .ppl-* module — the non-driver register at #/people (#377).
   Moved out of css/app.css by the split (#362); master added it while that branch
   was open, so it lands here rather than in a file that no longer exists. */

/* =========================================================================
   PEOPLE (#377) — the non-driver register at #/people
   -------------------------------------------------------------------------
   `ppl-` was verified unused across css/app.css, driver/driver.css,
   portal/portal.css, js/app.js and index.html before it was written. The
   screen otherwise borrows .card/.table/.btn/.chk/.gf-cb/.reg-err rather than
   restating them — a bare single-word class here would silently inherit an
   existing layout, which is how a panel once ended up as a flex row.
   ========================================================================= */
.ppl-gap{ padding:14px 16px; border-left:4px solid var(--orange,#F58A2A); margin-bottom:14px }
.ppl-gap b{ display:block; font-size:15px; margin-bottom:4px }
.ppl-gap p{ margin:0; font-size:13.5px; line-height:1.5 }
.ppl-role{ display:inline-block; font-size:11px; font-weight:800; letter-spacing:.02em;
  padding:2px 7px; border-radius:999px; background:#eef2f9; color:#2552A4; margin:0 4px 3px 0 }
/* "No roles" is a measured answer, not an absence we are unsure about — flat,
   not hatched. Hatching is reserved for "we cannot tell" (.cmp-pill--indet). */
.ppl-role--none{ background:#f2f2f4; color:var(--muted,#6b7280); font-weight:700 }
.ppl-rolecell{ min-width:210px }
.ppl-panel{ padding:16px; margin-top:12px }
.ppl-panel__t{ margin:0 0 10px; font-size:16px }
.ppl-panel__btns{ display:flex; gap:8px; margin-top:12px }
.ppl-roleopts{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:8px }
.ppl-roleopts small{ color:var(--muted,#6b7280); font-weight:600; line-height:1.35 }
.ppl-note{ font-size:12.5px; color:var(--muted,#6b7280); line-height:1.5; margin:10px 2px 0 }
/* The kind chip on #/people (#378) — drivers and staff in one list, so the
   column that tells them apart has to be readable at a glance. Flat, not
   hatched: which kind somebody is is a settled fact, and hatching is reserved
   for "we cannot tell" (.cmp-pill--indet). */
.ppl-kind{ display:inline-block; font-size:11px; font-weight:800; letter-spacing:.02em;
  padding:2px 8px; border-radius:999px; white-space:nowrap }
.ppl-kind--drv{ background:#e7eefb; color:#2552A4 }
.ppl-kind--stf{ background:#f1efe8; color:#7a6a3f }