/* SilaPay — écran de connexion aligné sur l'interface admin */
:root{
  --primary:#635bff !important;
  --primary2:#635bff !important;
  --bg:#f6f8fa !important;
  --text:#1a1f36 !important;
  --muted:#697386 !important;
  --border:#e3e8ee !important;
  --shadow:0 10px 32px rgba(50,50,93,.10),0 2px 6px rgba(0,0,0,.04) !important;
  --radius:12px !important;
}
html body{
  background:#f6f8fa !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  color:#1a1f36 !important;
}
.container{max-width:1020px !important;padding:28px 20px !important;}
.topbar{margin-bottom:22px !important;}
.brand img{height:42px !important;padding:3px !important;border-radius:8px !important;box-shadow:none !important;}
.brand .txt strong{font-size:19px !important;font-weight:640 !important;letter-spacing:-.03em !important;}
.brand .txt span{color:#697386 !important;}
.backlink{
  background:#fff !important;border-color:#e3e8ee !important;border-radius:7px !important;
  color:#3c4257 !important;font-weight:500 !important;
}
.grid{grid-template-columns:1fr 408px !important;gap:28px !important;}
.panel{border-color:#e3e8ee !important;border-radius:12px !important;box-shadow:var(--shadow) !important;}
.panel.left{
  border:0 !important;box-shadow:none !important;padding:42px 26px 38px 0 !important;
  background:transparent !important;
}
.panel.left .badge{
  border:1px solid #d9d5ff !important;
  color:#635bff !important;background:#f0efff !important;
  font-weight:550 !important;letter-spacing:0 !important;text-transform:none !important;
}
.panel.left .badge i{background:#635bff !important;}
h1{font-size:38px !important;font-weight:630 !important;letter-spacing:-.05em !important;color:#1a1f36 !important;}
.sub{color:#697386 !important;line-height:1.6 !important;}
.list{margin-top:22px !important;gap:0 !important;}
.item{
  padding:12px 0 !important;background:transparent !important;border:0 !important;
  border-bottom:1px solid #e3e8ee !important;border-radius:0 !important;
}
.item:first-child{border-top:1px solid #e3e8ee !important;}
.tick{background:#e6f7ef !important;border-color:#b8ebd1 !important;color:#0e9863 !important;}
.item span{color:#697386 !important;}
.form-wrap{padding:30px 30px 26px !important;}
.form-head strong{font-size:21px !important;font-weight:620 !important;letter-spacing:-.03em !important;}
.form-head small{color:#697386 !important;}
label{font-size:13px !important;font-weight:520 !important;color:#3c4257 !important;}
.input{
  border-color:#d8dee8 !important;border-radius:7px !important;padding:11px 12px !important;
  transition:border-color .12s,box-shadow .12s !important;
}
.input:focus{border-color:#635bff !important;box-shadow:0 0 0 3px rgba(99,91,255,.13) !important;}
.btn{border-radius:7px !important;font-weight:550 !important;padding:11px 14px !important;}
.btn-primary{
  background:#635bff !important;color:#fff !important;
  box-shadow:0 1px 1px rgba(0,0,0,.05) !important;
}
.btn-primary:hover{background:#5147ff !important;transform:none !important;}
.links a{color:#635bff !important;}
.err{
  background:#fff1f4 !important;border-color:#f5cad5 !important;color:#cd3d64 !important;border-radius:7px !important;
}
.divider{background:#e3e8ee !important;}
.foot{color:#697386 !important;}
@media (max-width:960px){
  .grid{grid-template-columns:1fr !important;}
  .panel.left{padding:12px 0 18px !important;}
  h1{font-size:31px !important;}
}