/* Brand: charcoal, off-white, trail orange, pine, steel -- carried over from
   MapSite so the hosted map is the same page, not a new one.
   VERSION: 20260921-2100 */
:root{
  --charcoal:#1E2730; --offwhite:#F5F1E8; --orange:#E8762C;
  --pine:#3E6B4F; --steel:#5B7C99;
  --ink:#1E2730; --paper:#F5F1E8;
  --line:rgba(245,241,232,.14);
  --muted:rgba(245,241,232,.62);
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:var(--font);background:var(--charcoal);color:var(--offwhite);
     -webkit-font-smoothing:antialiased}
a{color:var(--orange);text-decoration:none}
a:hover{text-decoration:underline}
button{font:inherit;cursor:pointer}

/* --- the sign-in card -------------------------------------------------- */
/* Every rule below is scoped to body.plain, which is the sign-in page and
   nothing else. They used to be bare `.card` selectors, and `.card` is a name
   the Control Panel wanted too -- so a 380px-wide login box and its
   full-width orange submit button quietly applied to every panel on the site:
   the matrix was clipped to 380px and "expand all" rendered as a large orange
   button. Shared class names need shared intent; these never had any. */
body.plain{display:grid;place-items:center;padding:24px}
body.plain .card{width:min(380px,100%);background:#232e39;border:1px solid var(--line);
      border-radius:14px;padding:28px}
body.plain .card h1{margin:0;font-size:22px;text-transform:uppercase;letter-spacing:.02em}
body.plain .card .sub{margin:4px 0 22px;color:var(--muted);font-size:13px}
body.plain .card label{display:block;margin:0 0 14px;font-size:12.5px;color:var(--muted)}
body.plain .card input{display:block;width:100%;margin-top:6px;padding:10px 12px;
  border-radius:9px;border:1px solid var(--line);background:#1a232c;
  color:var(--offwhite);font-size:15px}
body.plain .card input:focus{outline:2px solid var(--orange);outline-offset:1px}
body.plain .card button{width:100%;margin-top:6px;padding:11px;border:0;border-radius:9px;
  background:var(--orange);color:#1b1208;font-weight:650;font-size:15px}
body.plain .card .error{margin:0 0 16px;padding:9px 11px;border-radius:8px;font-size:13px;
  background:rgba(214,84,60,.16);border:1px solid rgba(214,84,60,.45)}
body.plain .card .foot{margin:18px 0 0;font-size:13px}