/* cpd-shared/patch/cpd-staff-portal.css — per-app mobile patch, ContentPad 2026-08-22.
   Companion to cpd-mobile.css. Everything is inside a max-width media
   query, so desktop and iPad landscape are untouched. */

/* ───────────────────────────────────────────────────────────────────────────
   STAFF PORTAL · cpd-staffsuite-portal
   Also zero media queries. The shell is already a 520px column, so it mostly
   needs breathing room and stacked rows rather than a re-layout.
   ─────────────────────────────────────────────────────────────────────────── */
@media (max-width: 820px) {
  .wrap { padding: 0 14px !important; max-width: 100% !important; }
  .row, .cols, .split, .actions { flex-direction: column; align-items: stretch; row-gap: 10px; }
  .row > *, .cols > *, .split > * { width: 100%; min-width: 0; }
  .card, .panel { padding: 15px; }
  table { display: block; overflow-x: auto; }
}