:root{
  --brand: #003970;
  --brand-rgb: 0,57,112;

  /* تلوين Bootstrap runtime (5.3 تستخدم CSS vars) */
  --bs-primary: var(--brand);
  --bs-primary-rgb: var(--brand-rgb);
}

*{box-sizing:border-box}
body{font-family:Inter,system-ui,Arial,sans-serif}

.brand{font-family:Josefin Sans,Inter,system-ui,Arial,sans-serif}

.login-card{
  width: min(480px, 100%);
  border-radius: 18px;
}

.input-group-text{
  background-color: #f7f8fb;
}

#msg{
  min-height: 20px;
}

/* حالات رسائل */
#msg.error{ color:#c0392b }
#msg.success{ color:#2e7d32 }

/* دعم RTL سريع لو غيرت dir="rtl" */
html[dir="rtl"] .input-group .input-group-text{
  border-left: 1px solid var(--bs-border-color);
  border-right: 0;
}
html[dir="rtl"] .input-group > .form-control{
  border-left: 0;
}