/* ===== Behind24 markalama (elastic uzerine, plugin ile yuklenir) ===== */
:root {
  --b24-orange: #E0741A;
  --b24-orange-2: #F2902B;
}

/* ---- Giris ekrani: koyu markali ---- */
body.task-login,
body.task-login #layout {
  background: radial-gradient(1100px 560px at 50% -8%, #16243c 0%, #0c1118 55%, #070a0e 100%) !important;
}
body.task-login #layout-content { background: transparent !important; }
body.task-login #layout {
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
body.task-login #layout-content {
  flex: 0 0 auto !important;
  min-height: auto !important;
  height: auto !important;
  width: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
body.task-login #logo { margin-bottom: 1.5rem !important; max-width: 260px !important; height: auto !important; }
/* Elastic logoya/forma relative top offset veriyor (asagi itiyor) -> sifirla */
body.task-login #logo,
body.task-login #login-form { top: 0 !important; }

body.task-login #login-form {
  background: rgba(18, 24, 32, .94) !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .55) !important;
  padding: 2.25rem 1.75rem !important;
  max-width: 430px !important;
  width: 92% !important;
}
body.task-login #login-form .logo,
body.task-login #login-form .banner,
body.task-login #login-form p.formbuttons {
  text-align: center !important;
}
body.task-login #login-form .logo { margin-bottom: 1.4rem !important; }
body.task-login #login-form img { max-width: 250px !important; height: auto !important; }

body.task-login #login-form input,
body.task-login #login-form input.form-control {
  background: rgba(255, 255, 255, .05) !important;
  color: #eef2f7 !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
}
body.task-login #login-form input::placeholder { color: #7e8da0 !important; }
body.task-login #login-form label { color: #9fb0c4 !important; }
body.task-login #login-form .input-group-text {
  background: transparent !important;
  color: #9fb0c4 !important;
  border-color: rgba(255, 255, 255, .14) !important;
}
body.task-login a { color: var(--b24-orange-2) !important; }

/* ---- Turuncu birincil buton (login + uygulama) ---- */
button.btn-primary,
.btn.btn-primary,
#rcmloginsubmit,
body.task-login button[type="submit"] {
  background-image: linear-gradient(180deg, var(--b24-orange-2), var(--b24-orange)) !important;
  background-color: var(--b24-orange) !important;
  border-color: var(--b24-orange) !important;
  color: #1a1205 !important;
  font-weight: 600 !important;
}
button.btn-primary:hover,
.btn.btn-primary:hover,
#rcmloginsubmit:hover { filter: brightness(1.06); }

/* ---- Login footer: marka + yetki notu ---- */
body.task-login #login-footer {
  font-size: 0 !important;
  color: #9fb0c4 !important;
  text-align: center !important;
  margin-top: 1rem !important;
}
body.task-login #login-footer::after {
  content: "Behind24 — Authorized personnel only";
  display: block;
  font-size: .82rem;
  letter-spacing: .02em;
  opacity: .8;
}