/* Workload Pro look: loaded after each page's own styles on the Workload Pro version only.
   The pages are built on colour variables, so swapping them restyles everything. */
html:root{
  --bg:#f5f7f8; --surface:#ffffff; --card:#ffffff; --sunk:#edf1f3; --line:#dbe3e7; --line2:#edf1f3; --grid:#dbe3e7;
  --ink:#0c2e4a; --muted:#5f727b; --mute:#5f727b; --faint:#8a99a1;
  --brand:#0c2e4a; --on-brand:#ffffff; --brand-ink:#ffffff; --focus:#18a57e;
  --slate:#0c2e4a; --slate-soft:#e6edf1; --sand:#e6edf1; --timber:#667a84;
  --sun:#13906d; --sun-bar:#8acd3d; --sun-soft:#e8f6f1; --sun-ink:#145f4a;
  --green:#13906d; --green-soft:#e8f6f1;
  --f:"Mont","Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
}
html body, html body :is(button,input,select,textarea,h1,h2,h3,h4,p,span,a,label,li,td,th,div,small,b,strong,em,i,section,header,main,nav,article,aside,dl,dt,dd,table){font-family:"Mont","Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif!important}
/* the sign-in page's brand panel */
.side .wlp-logo{display:flex;align-items:center;gap:10px;font-size:22px;color:#c9d4da}
.side .wlp-logo b{font-weight:700}.side .wlp-logo span{font-weight:300}
.side h2 b{font-weight:600;color:#8acd3d}
:where(a:not([class])){color:#13906d}