:root{
  --bg:#F7F3EA;
  --surface:#FFFFFF;
  --surface-alt:#F0E9DA;
  --ink:#1E2A22;
  --ink-muted:#79705F;
  --primary:#163C2C;
  --accent:#BE8B3D;
  --accent-soft:#EFE1C3;
  --danger:#B3392E;
  --danger-soft:#F6DEDA;
  --border:#E4DCC8;
  --radius:14px;
  --shadow:0 6px 18px rgba(22,60,44,0.08);
}

/* ---------- Login screen ---------- */
.login-screen {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    padding: 20px;
}
.login-screen.hidden{display:none;}
.login-frond{position:absolute;bottom:0;right:0;width:260px;height:140px;opacity:.6;pointer-events:none;}
.login-frond svg{width:100%;height:100%;}
.login-card{
  position:relative;z-index:2;
  background:var(--surface);
  border-radius:18px;
  width:100%;max-width:380px;
  padding:34px 30px 30px;
  box-shadow:0 24px 60px rgba(0,0,0,.35);
}
.login-brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:26px;}
.login-logo{
  width:56px;height:56px;border-radius:14px;background:var(--accent-soft);
  display:flex;align-items:center;justify-content:center;margin-bottom:14px;overflow:hidden;
}
.login-logo svg{width:26px;height:26px;}
.login-org-name{font-family:'Cairo',sans-serif;font-size:18px;font-weight:800;color:var(--ink);}
.login-org-sub{font-size:12.5px;color:var(--ink-muted);margin-top:4px;}
.login-form{display:flex;flex-direction:column;gap:14px;}
.login-error{
  font-size:12.5px;color:var(--danger);background:var(--danger-soft);
  border-radius:8px;padding:8px 12px;display:none;
}
.login-error.show{display:block;}
.login-submit{width:100%;justify-content:center;padding:11px;font-size:14px;margin-top:4px;}

/* الكلاسات المشتركة اللي بيستخدمها الفورم (btn, field) */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 18px;border-radius:10px;font-size:13.5px;font-weight:700;
  border:none;cursor:pointer;
}
.btn-primary{background:var(--primary);color:#fff;}
.btn-primary:hover{background:#0F2E21;}

.field label{font-size:12.5px;font-weight:700;color:var(--ink-muted);display:block;margin-bottom:6px;}
.field input{
  width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:9px;font-size:13.5px;
  background:var(--bg);color:var(--ink);outline:none;
}
.field input:focus{border-color:var(--primary);}