/* =====================================================================
   YEBALI 2.0 — شاشات الدخول والتأسيس
   ===================================================================== */

body.login-body{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:100vh;padding:24px 16px;gap:18px;
  background:linear-gradient(160deg,#0A5745 0%,#0E7A5F 55%,#139173 100%);
}

.login-card{
  background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.28);
  width:min(430px,100%);padding:34px 30px;
}
.setup-card{width:min(520px,100%)}

.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.login-brand .mark{
  width:52px;height:52px;border-radius:15px;display:grid;place-items:center;flex-shrink:0;
  background:linear-gradient(135deg,var(--yb-gold),var(--yb-orange));
  color:#fff;font-weight:800;font-size:25px;box-shadow:0 8px 18px rgba(232,132,43,.35);
}
.login-brand h1{font-size:23px;margin:0;color:var(--yb-green-deep);letter-spacing:1px}
.login-brand h1 span{color:var(--yb-orange);font-size:17px}
.login-brand .sub{margin:2px 0 0;font-size:12.5px;color:var(--yb-muted)}

.setup-section{
  font-size:15px;color:var(--yb-green);margin:18px 0 10px;
  padding-bottom:6px;border-bottom:1px dashed var(--yb-line);
}

.field{margin-bottom:14px}
.field label{display:block;margin-bottom:5px}
.field label small{font-weight:400;color:var(--yb-muted)}
.field input{width:100%}

.pass-wrap{position:relative}
.pass-wrap input{padding-inline-end:44px}
.toggle-pass{
  position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);
  background:none;border:0;cursor:pointer;font-size:17px;opacity:.6;
}
.toggle-pass:hover{opacity:1}

.login-submit{width:100%;justify-content:center;padding:12px;font-size:15.5px;margin-top:6px}

.login-footer{color:rgba(255,255,255,.55);font-size:11.5px;letter-spacing:2px}