:root{
  /* تغییر پالت info تا رنگ آبی پیش‌فرض خوش‌رنگ‌تر و مدرن‌تر شود */
  --bs-info:#16a085; /* teal */
  --bs-info-rgb:22,160,133;
}

/* RTL Overrides (scoped to login page only) */
body.login-page{ direction:rtl; }
body.login-page label, body.login-page .form-label{ text-align:right; }
/* فقط چک‌باکس را RTL می‌کنیم، ورودی‌ها و input-group را دستکاری نمی‌کنیم تا به‌هم نریزند */
body.login-page[dir='rtl'] .form-check{ padding-right:1.5em !important; padding-left:0 !important; }
body.login-page[dir='rtl'] .form-check .form-check-input{ float:right !important; margin-right:-1.5em !important; margin-left:0 !important; }
body.login-page[dir='rtl'] .form-check .form-check-label{ margin-right:.25rem !important; }

/* فاصله‌های منطقی در RTL برای برخی کلاس‌ها */
body.login-page[dir='rtl'] .me-1{ margin-left:.25rem !important; margin-right:0 !important; }
body.login-page[dir='rtl'] .me-2{ margin-left:.5rem !important; margin-right:0 !important; }

/* فرم‌های تیره و استاندارد فقط در صفحه لاگین */
body.login-page .form-control{
  background-color:#111 !important;
  color:#eee !important;
  border-color:#333 !important;
}
body.login-page .form-control::placeholder{ color:#9aa3a8 !important; }
body.login-page .form-control:focus{
  background-color:#0f0f10 !important;
  color:#f2f5f5 !important;
  border-color:rgba(var(--bs-info-rgb), .7) !important;
  box-shadow:0 0 0 .2rem rgba(var(--bs-info-rgb), .2) !important;
}
body.login-page .input-group-text{
  background-color:#111 !important;
  color:#cfd6d9 !important;
  border-color:#333 !important;
}

/* هدر کارت لاگین */
.card .card-header{
  backdrop-filter:saturate(120%) blur(2px);
  border-bottom:1px solid rgba(var(--bs-info-rgb), .25) !important;
}

/* عنوان هدر */
.card .card-header h4{ color:#eaf7f4; }
.card .card-header p{ color:#d4efe9; }

/* دکمه ورود با پالت info */
.btn-info{
  color:#fff !important;
  background-color:var(--bs-info) !important;
  border-color:rgba(var(--bs-info-rgb), .9) !important;
}
.btn-info:hover{ background-color:#149077 !important; border-color:#149077 !important; }
.btn-info:active, .btn-info:focus{ background-color:#117a65 !important; border-color:#117a65 !important; box-shadow:0 0 0 .2rem rgba(var(--bs-info-rgb), .25) !important; }


/* استایل استاندارد چک‌باکس */
.form-check-input{
  width:1.15rem; height:1.15rem; cursor:pointer;
  background-color:#0f1418; border:1px solid #364148;
}
.form-check-input:focus{
  box-shadow:0 0 0 .2rem rgba(var(--bs-info-rgb), .25);
  border-color:rgba(var(--bs-info-rgb), .85);
}
.form-check-input:checked{
  background-color:var(--bs-info);
  border-color:rgba(var(--bs-info-rgb), .95);
}
.form-check-label{
  cursor:pointer; user-select:none;
}

/* کارت لاگین شکیل‌تر */
.card.bg-dark{
  background:linear-gradient(180deg, rgba(13,17,19,.85), rgba(13,17,19,.92));
}

/* هدر مینیمال آیکون‌ها رنگ هماهنگ */
.text-info{ color:var(--bs-info) !important; }

/* ورودی invalid روی پس‌زمینه تیره */
.is-invalid{ border-color:#e74c3c !important; }
.invalid-feedback{ color:#f0b2ac; }
