/* Gemeinsames Aussehen der Seiten ohne Anmeldung:
   Anmelden, Passwort vergessen, Passwort neu setzen.
   Diese Seiten laden inc/header.php nicht und bringen ihr Aussehen selbst mit. */
:root{
  --brand:#b4c61a; --brand-deep:#6c7a05; --brand-tint:#f2f6da; --on-brand:#16170c;
  --panel:#ffffff; --ink:#16181d; --ink-2:#5d626b; --line:#e7e7e2;
  --s-red:#f5dcd6; --s-red-t:#b54034;
  --s-green:#dcecd6; --s-green-t:#3d6b2e;
  --display:'Schibsted Grotesk',system-ui,sans-serif;
  --text:'Hanken Grotesk',system-ui,sans-serif;
  --shadow:0 18px 44px -24px rgba(20,22,18,.32);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;}
body{font-family:var(--text);color:var(--ink);-webkit-font-smoothing:antialiased;
  min-height:100vh;display:grid;place-items:center;padding:24px;
  background:radial-gradient(120% 100% at 50% 0,#fbfbf7 0,#eef0e6 60%,#e6e9da 100%);}
.card{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--line);
  border-radius:24px;box-shadow:var(--shadow);padding:38px 34px;text-align:center;}
.logo{height:64px;margin:0 auto 18px;display:block;}
h1{font-family:var(--display);font-weight:800;letter-spacing:-.02em;font-size:26px;margin-bottom:4px;}
.sub{color:var(--ink-2);font-size:14px;margin-bottom:26px;line-height:1.5;}
.err{background:var(--s-red);color:var(--s-red-t);border-radius:10px;padding:9px 12px;font-size:13px;margin-bottom:16px;text-align:left;}
.ok{background:var(--s-green);color:var(--s-green-t);border-radius:10px;padding:11px 13px;font-size:13.5px;margin-bottom:16px;text-align:left;line-height:1.5;}
.field{text-align:left;margin-bottom:16px;}
.field label{display:block;font-weight:700;font-size:13px;margin-bottom:7px;}
.field input{width:100%;font-family:var(--text);font-size:14.5px;color:var(--ink);background:var(--panel);
  border:1.5px solid var(--line);border-radius:11px;padding:12px 13px;transition:border-color .14s;}
.field input:focus{outline:none;border-color:var(--brand);}
.btn{width:100%;justify-content:center;display:inline-flex;align-items:center;font-family:var(--text);
  font-weight:700;font-size:15px;padding:13px;border-radius:999px;border:none;cursor:pointer;
  background:var(--brand);color:var(--on-brand);transition:.16s;margin-top:6px;text-decoration:none;}
.btn:hover{filter:brightness(1.04);box-shadow:0 8px 20px -10px var(--brand);}
.btn:active{transform:scale(.98);}
.home{display:inline-block;margin-top:20px;font-size:13.5px;color:var(--ink-2);font-weight:600;text-decoration:none;}
.home:hover{color:var(--brand-deep);}
.vergessen{display:inline-block;margin-top:14px;font-size:13.5px;color:var(--ink-2);font-weight:600;text-decoration:none;}
.vergessen:hover{color:var(--brand-deep);}

/* Hinweisbalken der Testumgebung – gleiche Gestaltung wie in der App-Huelle */
body.testumgebung{padding-top:58px;}
.envbar{position:fixed;top:0;left:0;right:0;height:34px;z-index:60;
  display:flex;align-items:center;justify-content:center;gap:8px;
  background:#8a4b00;color:#fff;font-weight:700;font-size:12.5px;letter-spacing:.03em;
  box-shadow:0 2px 10px -4px rgba(0,0,0,.4);}
.envbar svg{width:15px;height:15px;flex:0 0 auto;}
.envbar span{opacity:.85;font-weight:600;}
@media (max-width:700px){ .envbar span{display:none;} }