:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1e2941;background:#e9edf2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:32px 20px}.access-card{width:min(100%,500px);padding:36px;background:var(--wg-soft-surface, white);border:1px solid #d1d8e1;border-top:5px solid #e99b20;border-radius:14px;box-shadow:0 18px 50px #1e29411a}.logo{display:block;max-width:80%;height:auto;margin:0 auto 30px}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.15em;color:#946113;margin:0 0 8px}h1{font-size:clamp(1.6rem,5vw,2rem);line-height:1.2;margin:0 0 15px}.intro{line-height:1.6;color:#47556c;margin:0 0 28px}fieldset{padding:0;margin:0;border:0;min-width:0}label{display:block;font-size:.88rem;font-weight:650;margin:0 0 7px}input{font:inherit;width:100%;min-width:0;padding:12px;border:1px solid #9daabd;border-radius:7px;margin:0 0 19px;min-height:48px;color:#1e2941;background:var(--wg-soft-surface, #fff)}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #e99b20;outline-offset:3px}.password-row{display:flex;position:relative}.password-row input{padding-right:56px}.eye{position:absolute;right:3px;top:3px;width:42px;height:42px;border:0;background:transparent;color:#47556c;cursor:pointer}.eye svg{width:25px;height:25px}.primary,.secondary{font:inherit;cursor:pointer;min-height:48px;width:100%;font-weight:750;border-radius:7px;padding:12px 15px;white-space:normal}.primary{color:#1e2941;background:#efa32a;border:1px solid #d98a15}.primary:hover{background:#f8b749}.primary:disabled{opacity:.6;cursor:wait}.secondary{color:#1e2941;background:var(--wg-soft-surface, white);border:1px solid #a5b1c1;margin-top:12px}.help{font-size:.82rem;color:#536176;line-height:1.5;margin:24px 0}.message{padding:12px;background:#fff0e5;color:#843913;border-left:3px solid #c77920;line-height:1.5;font-size:.9rem}.checkbox{display:flex;gap:9px;align-items:center;font-weight:500}.checkbox input{width:auto;min-height:20px;margin:0}legend{font-weight:750;margin-bottom:15px}footer{display:flex;gap:20px;font-size:.8rem;border-top:1px solid #e3e7ed;padding-top:20px}a{color:#415675}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(max-width:420px){body{padding:16px 12px}.access-card{padding:25px 19px}.logo{margin-bottom:24px}.intro{margin-bottom:22px}}

/* WERKSGILDE surface policy, approved 2026-09-26. Screen only. */
@media screen {
  :root {
    --wg-soft-surface: #E9E9E9;
    --wg-soft-rgb: 233 233 233;
    --wg-soft-hsl: 0 0% 91.3725490196%;
    --wg-neutral-surface: #E9E9E9;
    --wg-neutral-ink: #20303B;
  }
  dialog, input, textarea, select { background-color: var(--wg-soft-surface); }
  [style*="background: white"], [style*="background-color: white"],
  [style*="background: rgb(255, 255, 255)"], [style*="background-color: rgb(255, 255, 255)"] {
    background-color: var(--wg-soft-surface) !important;
  }
}
/* WERKSGILDE: sidebar accent parity; font sizes and geometry intentionally unchanged. */
@media screen{:root{--wg-sidebar-surface:#16293B;--wg-sidebar-ink:#E7ECEF;--wg-sidebar-font:Inter, "DM Sans", system-ui, sans-serif}}

/* Pair neutral surfaces with dark text instead of inherited accent ink. */
@media screen{
 :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]):not([type="reset"]),textarea,select,dialog){color:var(--wg-neutral-ink,#20303B)}
 :is(.bg-background,.bg-card,.bg-muted,.bg-popover,.bg-input){color:var(--wg-neutral-ink,#20303B)}
 :where(input,textarea)::placeholder{color:#586775;opacity:1}
 .bg-accent :is(input,textarea,select){color:var(--wg-neutral-ink,#20303B)}
}