/* Turnover Board 2.0 — design tokens.
   Colour means status and nothing else; the ramp is 1.0's so nobody relearns it.
   Neutrals lean slightly blue so they read as chosen, not default grey. */
:root{
  /* status ladder */
  --s1:#1f66c7;   /* New — no vendor */
  --s2:#c23b2e;   /* Assigned */
  --s3:#f08c00;   /* Work done — check it */
  --sw:#8e5bd4;   /* Waiting on rework */
  --sc:#7fd19a;   /* Checked, syncing to AppFolio */
  --s4:#2fa84f;   /* Ready to bill / Complete */
  --sx:#c7c7cc;   /* Canceled */
  /* neutrals */
  --ink:#000; --paper:#fff; --ground:#f2f2f7; --line:#e4e4e8;
  --slate:#6d6d72; --faint:#8a8a8e; --hair:#d1d1d6;
  --link:#007aff;
  /* space, shape, type */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-6:24px; --sp-8:32px;
  --r-2:8px; --r-3:12px; --r-4:16px;
  --t-12:12px; --t-14:14px; --t-16:16px; --t-18:18px; --t-22:22px; --t-28:28px; --t-34:34px;
  --tap:44px;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;
}

/* Notifications page. Moved out of push.ts. */
      .zpick{display:flex;gap:8px;flex-wrap:wrap}
      .zp{font:inherit;font-size:15px;font-weight:600;padding:9px 15px;border-radius:999px;background:#fff;border:1px solid #d4d4d8;color:#000;cursor:pointer}
      .zp.cur{background:#007aff;color:#fff;border-color:#007aff}
      label.row{cursor:pointer}
      .warn{background:#fdeedd;color:#7a4a00;border-radius:12px;padding:12px 16px;margin:12px 0;font-size:14px}