:root{
  --ink:#0F0C1B;
  --ink-soft:#7B2CBF;
  --paper:#F8F9FA;

  --mint-400:#00F5D4;

  /* SF family via the system stack: renders as genuine SF Pro / SF Mono /
     SF Compact on Apple devices, best-native equivalents elsewhere. The SF
     fonts are Apple-licensed and must not be self-hosted as webfonts. */
  --sf:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --sf-compact:"SF Compact Display", "SF Compact Text", -apple-system, "Segoe UI", "Roboto Condensed", "Arial Narrow", sans-serif;
  --sf-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Cascadia Mono", monospace;

  --mono:var(--sf-mono);
  --cond:var(--sf-compact);
  --body:var(--sf);
  --display:var(--sf);

  /* ---- worker app "Clean Marble" kit (scoped to #appScreen / .sheet only) ---- */
  --wk:var(--sf);
  --wk-navy:#161922;
  --wk-green:#00AE0B;
  --wk-white:#FFFFFF;
  --wk-white-70:rgba(255,255,255,.7);
  --wk-white-60:rgba(255,255,255,.6);
  --wk-sheet-bg:rgba(16,18,24,.88);
  --wk-badge:rgba(0,0,0,.5);

  /* ---- "Shift Card" login screen kit (scoped to #loginScreen only) ---- */
  --sc-bg:#F2ECDD;
  --sc-card:#FFFFFF;
  --sc-input:#EAE2D2;
  --sc-green:#2F6844;
  --sc-green-dark:#1F4A30;
  --sc-ink:#2B2B28;
  --sc-muted:#6B6558;
  --sc-footer:#A79E8C;
  --sc-serif:var(--sf);

  /* ---- squircle corners: superellipse curvature layered on top of the
     existing border-radius scale, tiered by element size so small controls
     stay subtle and large containers read more distinctly "squircle".
     Pure progressive enhancement (see the @supports guards where these are
     applied) - unsupported browsers just keep today's circular-arc corners,
     nothing breaks. Deliberately NOT applied to true circles (50%) or pill/
     stadium shapes (999px, e.g. avatars, status dots, toggle knobs, capsule
     badges) - a superellipse distorts those into an off-shape instead of a
     squircle, since the curve family only reads as "squircle" on a corner
     that still has straight edges leading into it. */
  --squircle-xs:superellipse(1.8);   /* checkboxes, tick boxes, tiny icon chips */
  --squircle-sm:superellipse(2.2);   /* buttons, inputs, boxy badges/tags, small icon buttons */
  --squircle-md:superellipse(2.6);   /* list rows, person/step blocks, table cards */
  --squircle-lg:superellipse(3);     /* cards, panels, dropdown menus */
  --squircle-xl:superellipse(3.6);   /* sheets/modals, the login card, hero containers */
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;min-height:100%}
body{
  overflow-x:hidden;   /* nothing may drag the page sideways, at any zoom */
  background:#F8F9FA;
  color:var(--ink);font-family:var(--body);overscroll-behavior:none;-webkit-font-smoothing:antialiased;
}
/* the app-wide toggle every screen and every script relies on - it lived
   in login.css, the 21st stylesheet, for no reason anybody could name */
.hidden{display:none!important}