/* KolayCV bağımsız hesap ekranları için ortak görsel katman. */
:root{
  --auth-brand:#2563eb;
  --auth-brand-dark:#1d4ed8;
  --auth-ink:#0f172a;
  --auth-page:#f6f8fb;
  --auth-line:#dce5ef;
  --auth-muted:#64748b;
}
body{
  background:var(--auth-page)!important;
  background-image:none!important;
  color:var(--auth-ink)!important;
}
.login-card,.register-card,.forgot-card,.card,.wizard{
  border:1px solid var(--auth-line)!important;
  border-radius:16px!important;
  box-shadow:0 12px 38px rgba(15,23,42,.09)!important;
}
.logo a{color:var(--auth-ink)!important}
.logo span{color:var(--auth-brand)!important}
.step.active,.wizard-progress-fill{
  background:var(--auth-brand)!important;
  background-image:none!important;
}
.icon-wrap,.wizard-step-badge,.email-badge{
  background:#eff6ff!important;
  background-image:none!important;
  border-color:#bfdbfe!important;
  color:var(--auth-brand-dark)!important;
}
.btn-login,.btn-register,.btn-verify,.btn-next{
  background:var(--auth-brand)!important;
  background-image:none!important;
  box-shadow:none!important;
}
.btn-login:hover,.btn-register:hover,.btn-verify:hover,.btn-next:hover{
  background:var(--auth-brand-dark)!important;
  transform:none!important;
}
input:focus,.wizard-input:focus{
  border-color:var(--auth-brand)!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.1)!important;
}
.choice-card:hover,.choice-card.selected,.tpl-suggest-card:hover,.tpl-suggest-card.selected{
  border-color:var(--auth-brand)!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.1)!important;
}
@media(max-width:520px){
  .login-card,.register-card,.forgot-card,.card{padding:1.75rem 1.25rem!important}
  .wizard{border-radius:14px!important}
}