/* gateway/public/gateway.css — GT Gateways udseende (farver fra DESIGN.md). Fase 0: kun pladsholderen. */
:root { --gt-bg: #d5d1c3; --gt-flade: #e9e5d9; --gt-kant: #b0ac9c; --gt-tekst: #33322c; --gt-tekst2: #6f6d62; --gt-accent: #e8590c;
  --gt-skrift: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
* { box-sizing: border-box; margin: 0; }
body { background: var(--gt-bg); color: var(--gt-tekst); font-family: var(--gt-skrift); font-size: 16px; }
.gw { max-width: 640px; margin: 64px auto; padding: 32px; background: var(--gt-flade); border: 1px solid var(--gt-kant); border-radius: 12px; }
.gw-overtitel { font-family: Georgia, serif; font-style: italic; color: var(--gt-tekst2); }
.gw h1 { font-family: Georgia, serif; font-size: 26px; font-weight: 600; margin: 8px 0 12px; }
/* Fase 1: login og samtykke (samtykke.html) */
:root { --gt-flade2: #dedacb; --gt-tone-fejl: #c0392b; }
.gw h1 { margin-bottom: 8px; }
.gw p + p { margin-top: 8px; }
.gw-hjaelp { color: var(--gt-tekst2); font-size: 14px; }
.gw-form { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; }
.gw-form label { font-size: 13px; color: var(--gt-tekst2); }
.gw-form input { font: inherit; font-size: 16px; padding: 8px 12px; height: 40px; border: 1px solid var(--gt-kant); border-radius: 8px; background: var(--gt-flade2); color: var(--gt-tekst); }
.gw-form input:focus { outline: 2px solid var(--gt-accent); outline-offset: 1px; }
.gw-knap { font: inherit; font-size: 14px; font-weight: 600; height: 40px; padding: 0 16px; border: 1px solid var(--gt-accent); border-radius: 8px; background: var(--gt-accent); color: #fff; cursor: pointer; transition: filter 150ms; }
.gw-knap:hover { filter: brightness(0.95); }
.gw-knap:disabled { opacity: 0.6; cursor: default; }
.gw-knap-sekundaer { background: var(--gt-flade2); border-color: var(--gt-kant); color: var(--gt-tekst); }
.gw-knapper { display: flex; gap: 8px; margin-top: 16px; flex-wrap: wrap; }
.gw-qr { display: block; width: 192px; height: 192px; margin: 16px 0; background: #fff; border-radius: 8px; padding: 8px; }
.gw-fejl { margin-top: 16px; color: var(--gt-tone-fejl); font-size: 14px; }
.gw code { font-size: 13px; word-break: break-all; }
@media (max-width: 480px) { .gw { margin: 16px; padding: 24px; } }
.gw section:not([hidden]) ~ section:not([hidden]) { margin-top: 16px; }