/* Welcome and No access pages. Load before sign-in, so they live in /welcome/ (see staticwebapp.config.json). */
:root {
  --font: "Atkinson Hyperlegible Next", Tahoma, Verdana, "Segoe UI", sans-serif;
  --mono: "Atkinson Hyperlegible Mono", Consolas, ui-monospace, monospace;
  --brand-navy:#104076; --side:#104076; --side2:#1C5490;
  --accent:#0D6BAB; --accent-dark:#0A5A90; --on-accent:#FFFFFF;
  --brand-blue:#0F80CC; --focus:#0F80CC;
  --bg:#E9EDF3; --panel:#FFFFFF; --panel2:#F3F4F6;
  --line:#B9BEC8; --line2:#DCDFE4;
  --text:#101418; --muted:#5A616C; --head:#3A5A92;
  --hover:#EEF4FF; --group:#F2F4F8; --accent-soft:#DBE9F6;
  --bad-solid:#E3211D; --bad-soft:#FCD6D4; --bad:#9D0E0A; --danger-text:#B10F0B;
  --warn-solid:#F0DC00; --warn-soft:#FFEFB0; --warn:#7A5800;
  --info-solid:#2340E0; --info-soft:#DBE4FF; --info:#1B2F8F;
  --good-solid:#1FC21F; --good-soft:#D5F5D5; --good:#0F6A0F;
  --off-solid:#8A8A8A; --off-soft:#EEF0F4; --off:#5A616C;
  --btn-line:#7F8EA8; --input-line:#9AA3B2;
  --radius-sm:2px; --radius-full:999px;
  --scrim:rgba(16,20,24,.42); --shadow:0 8px 28px rgba(16,64,118,.22);
  /* Invoice paper and timeline series (the printed invoice is black on white) */
  --paper:#FFFFFF; --paper-ink:#1B1B1B; --paper-muted:#5B5B5B; --paper-line:#2A2A2A; --stamp:#D0231B; --letterhead:#104076;
  --c1:#0D6BAB; --c2:#B7702A; --c3:#5360B8; --c4:#2F8A58; --c5:#A8445E; --c6:#6B7A86;
  color-scheme: light;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:400 13px/1.4 var(--font)}
:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:30px;padding:4px 12px;border-radius:var(--radius-sm);border:1px solid var(--btn-line);background:linear-gradient(#FFFFFF,#E9ECF1);color:var(--text);font:400 13px/16px var(--font);cursor:pointer;text-decoration:none;width:100%}
.btn:hover{background:linear-gradient(#F7F9FC,#DDE3EC)}
.wl{display:grid;grid-template-columns:minmax(320px,44%) 1fr;min-height:100vh;background:var(--bg)}
.wlb{background:var(--brand-navy);color:#fff;padding:48px 52px;display:flex;flex-direction:column;gap:28px}
.wlb img{width:220px;height:auto;display:block}
.wlb h1{font-size:30px;font-weight:700;margin:24px 0 6px;letter-spacing:-.01em;color:#fff}
.wlb .lead{font-size:16px;color:#d6e2f2;margin:0;max-width:34ch}
.wlb .foot{margin-top:auto;font-size:12px;color:#b9c9e0}
.wlm{display:flex;align-items:center;justify-content:center;padding:40px 24px}
.wlc{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:6px;box-shadow:0 2px 12px rgba(16,64,118,.10);padding:32px 32px 26px;width:100%;max-width:400px}
.wlc h2{margin:0 0 6px;font-size:20px;color:var(--brand-navy)}
.wlc>p{margin:0 0 18px;color:var(--muted);font-size:13px}
.wtag{display:inline-block;padding:0 7px;border-radius:8px;font-size:11px;line-height:18px;font-weight:700;background:var(--info-soft);color:var(--info);margin-bottom:12px}
.wlc .who{margin:14px 0 0;font-size:12.5px;color:var(--muted)}
.wlc .who a{color:var(--accent)}
.wlc .small{margin-top:22px;padding-top:14px;border-top:1px solid var(--line2);font-size:12px;color:var(--muted)}
.wlc .small p{margin:0 0 6px}
/* Google's standard button: white, grey border, the multicolour G */
.gsi{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:44px;padding:0 16px;background:#fff;border:1px solid #747775;border-radius:4px;color:#1f1f1f;font-family:Roboto,Arial,sans-serif;font-weight:500;font-size:14px;text-decoration:none;cursor:pointer}
.gsi:hover{background:#f6f8fb;box-shadow:0 1px 3px rgba(60,64,67,.25)}
.gsi:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.gsi svg{width:18px;height:18px;flex:none}
@media (max-width:900px){
  .wl{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .wlm{align-items:flex-start;padding:24px 16px 40px}
  .wlb{padding:28px 24px;gap:16px}
  .wlb h1{font-size:24px;margin-top:12px}
  .wlb .foot{display:none}
}