:root{
  --db-blue:#08445E;
  --db-blue-mid:#0082CA;
  --db-lime:#95C11F;
  --db-slate:#618491;
  --db-line:#CFD6DA;
  --db-bg:#F3F8FB;
  --db-ink:#515151;
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:'Montserrat',Arial,sans-serif;
  color:var(--db-ink);
}

/* ===== Inlog- en wachtwoord-pagina's ===== */
body.auth-pagina{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--db-blue);
}
.auth-kaart{
  background:#fff;
  border-radius:14px;
  padding:38px 36px;
  width:100%;
  max-width:380px;
  box-shadow:0 20px 50px rgba(3,26,38,0.35);
}
.auth-kaart h1{font-size:20px;font-weight:800;color:var(--db-blue);margin:0 0 6px;}
.auth-kaart p.sub{color:var(--db-slate);font-size:13px;margin:0 0 24px;}
.auth-kaart label{display:block;font-size:12.5px;font-weight:600;color:var(--db-blue);margin-bottom:6px;}
.auth-kaart input{
  width:100%;padding:11px 13px;border:1px solid var(--db-line);border-radius:8px;
  font-family:'Montserrat',sans-serif;font-size:14px;margin-bottom:18px;
}
.auth-kaart input:focus{outline:2px solid var(--db-lime);outline-offset:1px;border-color:var(--db-blue-mid);}
.auth-kaart button{
  width:100%;padding:12px;border:none;border-radius:8px;background:var(--db-lime);
  color:var(--db-blue);font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;
  cursor:pointer;text-transform:uppercase;letter-spacing:.4px;
}
.auth-kaart button:hover{filter:brightness(0.95);}
.melding-fout{
  background:#FDECEC;color:#B23A3A;border:1px solid #F3C6C6;padding:10px 13px;
  border-radius:8px;font-size:13px;margin-bottom:18px;
}
.melding-ok{
  background:#EFF7E6;color:#5C7A17;border:1px solid #CFE3A6;padding:10px 13px;
  border-radius:8px;font-size:13px;margin-bottom:18px;
}
.auth-footlink{margin-top:18px;text-align:center;font-size:12.5px;}
.auth-footlink a{color:var(--db-slate);text-decoration:none;}
.auth-footlink a:hover{text-decoration:underline;}
.auth-logo{display:block;height:40px;width:auto;margin:0 auto 20px;}

/* ===== Beveiligde pagina's (na inloggen) ===== */
body.portaal-pagina{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--db-bg);
  color:var(--db-blue);
  text-align:center;
}
.portaal-box{max-width:480px;padding:32px;}
.status-pil{
  display:inline-flex;align-items:center;gap:8px;background:#EFF7E6;color:#5C7A17;
  border:1px solid #CFE3A6;padding:6px 14px;border-radius:999px;font-size:12px;
  font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:18px;
}
.status-pil span{width:7px;height:7px;border-radius:50%;background:var(--db-lime);}
.portaal-box h1{font-size:22px;font-weight:800;margin:0 0 10px;}
.portaal-box p{color:var(--db-slate);font-size:14px;line-height:1.6;margin:0 0 20px;}
.uitloggen{color:var(--db-slate);font-size:12.5px;text-decoration:none;}
.uitloggen:hover{text-decoration:underline;}