/* صفحة دخول الفراص */
body:has(.farras-login) .navbar,
body.farras-auth-page .navbar,
body:has(.farras-login) .web-footer,
body.farras-auth-page .web-footer,
body:has(.farras-login) footer.web-footer,
body.farras-auth-page footer.web-footer,
body:has(.farras-login) .page-breadcrumbs,
body.farras-auth-page .page-breadcrumbs,
body:has(.farras-login) .page-header-wrapper,
body.farras-auth-page .page-header-wrapper {
  display: none !important;
}

body:has(.farras-login) .main-section,
body.farras-auth-page .main-section,
body:has(.farras-login) .page-content-wrapper,
body.farras-auth-page .page-content-wrapper,
body:has(.farras-login) .page_content,
body.farras-auth-page .page_content,
body:has(.farras-login) main.container,
body.farras-auth-page main.container {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

.farras-login__main {
  align-items: center;
}

.farras-login__card {
  max-width: 460px;
  width: 100%;
  justify-self: center;
}

.farras-login__head {
  text-align: center;
  margin-bottom: 1.25rem;
  animation: farras-rise 0.55s ease both;
}

.farras-login__head .app-logo {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(94, 50, 68, 0.18);
  margin-bottom: 0.75rem;
}

.farras-login__head h2 {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--fr-ink, #3b2630);
}

.farras-login .page-card {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

.farras-login__fields .form-group {
  margin-bottom: 0.95rem;
}

.farras-login__fields .form-label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.86rem;
  font-weight: 500;
  color: #725e67;
}

.farras-login__fields .form-control {
  border: 1px solid rgba(168, 70, 104, 0.14) !important;
  border-radius: 12px !important;
  min-height: 48px;
  padding: 0.75rem 0.9rem !important;
  font-size: 1rem !important;
  background: #fff !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.farras-login__fields .form-control:focus {
  border-color: #a84668 !important;
  box-shadow: 0 0 0 4px rgba(168, 70, 104, 0.12) !important;
  transform: translateY(-1px);
}

.farras-login .password-field {
  position: relative;
}

.farras-login .toggle-password {
  position: absolute;
  left: 0.85rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 0.85rem;
  color: #725e67;
}

.farras-login .forgot-password-message {
  margin: 0.35rem 0 0.85rem;
  text-align: left;
}

.farras-login .forgot-password-message a,
.farras-login .sign-up-message a {
  color: #a84668;
  font-weight: 600;
  text-decoration: none;
}

.farras-login .btn-login.farras-reg__btn,
.farras-login .btn-forgot.farras-reg__btn {
  width: 100%;
  border: 0 !important;
  min-height: 48px;
  font-size: 1rem !important;
}

.farras-login__signup {
  margin-top: 1.1rem;
  color: #725e67;
}

.farras-login .page-card-body {
  padding: 0 !important;
}

.farras-login .field-icon {
  display: none !important;
}

/* Invalid login banner restyle */
.farras-login .alert,
.farras-login .msgprint,
.farras-login .indicator-pill,
body:has(.farras-login) .modal-message,
.farras-login .for-login .red,
.farras-login .invalid-login {
  border-radius: 12px !important;
}

@media (max-width: 760px) {
  .farras-login__card { max-width: none; }
}