/* auth.css - eenvoudige auth-styling in Dockplanning-stijl */
.auth-page{
  max-width:480px;
  margin:32px auto 40px;
  padding:0 16px;
}

.auth-card{
  background:rgba(3,18,36,0.9);
  border-radius:12px;
  padding:24px 20px 20px;
  box-shadow:0 18px 45px rgba(0,0,0,0.55);
  border:1px solid #102235;
}

.auth-title{
  margin:0 0 6px;
  font-size:22px;
  font-weight:600;
}

.auth-subtitle{
  margin:0 0 16px;
  font-size:14px;
  color:#9ec3d9;
}

.auth-form{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.auth-form label{
  font-size:14px;
  font-weight:500;
}

.auth-form input,
.auth-form select{
  font-size:14px;
  padding:8px 10px;
  border-radius:6px;
  border:1px solid #274664;
  background:#020b16;
  color:#e8f3ff;
}

.auth-form input:focus,
.auth-form select:focus{
  outline:none;
  border-color:#41c2ff;
  box-shadow:0 0 0 1px rgba(65,194,255,0.4);
}

.btn-primary{
  margin-top:10px;
  padding:9px 12px;
  border-radius:999px;
  border:none;
  background:linear-gradient(90deg,#1b9fff,#41c2ff);
  color:#02111f;
  font-weight:600;
  cursor:pointer;
  font-size:14px;
}

.btn-primary:disabled{
  opacity:0.6;
  cursor:wait;
}

.auth-note{
  margin-top:16px;
  font-size:13px;
  color:#9ec3d9;
}

.auth-error{
  margin-top:10px;
  padding:8px 10px;
  border-radius:8px;
  font-size:13px;
  background:rgba(220,53,69,0.12);
  border:1px solid rgba(220,53,69,0.4);
  color:#ffb3b3;
}

.auth-success{
  margin-top:10px;
  padding:8px 10px;
  border-radius:8px;
  font-size:13px;
  background:rgba(40,167,69,0.12);
  border:1px solid rgba(40,167,69,0.4);
  color:#9ee2b2;
}

.auth-lang-toggle{
  display:flex;
  justify-content:flex-end;
  gap:6px;
  margin-bottom:8px;
}

.auth-lang-btn{
  border-radius:999px;
  padding:4px 10px;
  font-size:12px;
  border:1px solid #274664;
  background:transparent;
  color:#9ec3d9;
  cursor:pointer;
}

.auth-lang-btn--active{
  background:#1b9fff;
  color:#02111f;
  border-color:#1b9fff;
}

.auth-small{
  font-size:12px;
  color:#9ec3d9;
  margin-top:4px;
}

.auth-link{
  color:#1b9fff;
  text-decoration:none;
}

.auth-link:hover{
  text-decoration:underline;
}