/* Estate Work login skin: scoped so the mailbox UI remains untouched. */
html:has(body.task-login),
body.task-login {
  background:
    radial-gradient(circle at 50% 12%, rgba(255, 153, 31, .16), transparent 28rem),
    linear-gradient(145deg, #050505 0%, #0c0c0d 52%, #17100a 100%) !important;
  color: #f7f3ec;
}

body.task-login #layout {
  background: transparent !important;
}

body.task-login #layout-content {
  min-height: 100vh;
  padding: 2rem 1.25rem;
  box-sizing: border-box;
  background: transparent !important;
}

body.task-login #logo {
  top: 0;
  width: min(220px, 52vw);
  height: min(220px, 52vw);
  max-height: none;
  margin: clamp(1rem, 7vh, 5rem) auto 1.75rem;
  object-position: 9999px 9999px;
  background: url('https://mail.estatework.tr/assets/estatework-logo-transparent.png') center / contain no-repeat;
  filter: drop-shadow(0 16px 32px rgba(0, 0, 0, .55));
}

body.task-login #login-form {
  top: 0;
  width: min(100%, 380px);
  max-width: 380px;
  padding: 1.5rem;
  border: 1px solid rgba(255, 153, 31, .3);
  border-radius: 18px;
  background: rgba(18, 18, 19, .9);
  box-shadow: 0 24px 56px rgba(0, 0, 0, .48);
}

body.task-login #login-form .form-control {
  min-height: 48px;
  color: #fff;
  border-color: #454548;
  background: #101011;
}

body.task-login #login-form .input-group-text {
  color: #ff9b23;
  border-color: #454548;
  background: #19191a;
}

body.task-login #login-form .form-control:focus {
  border-color: #ff9b23;
  box-shadow: 0 0 0 .2rem rgba(255, 155, 35, .18);
}

body.task-login #rcmloginsubmit {
  min-height: 48px;
  border: 0;
  border-radius: 10px;
  color: #17100a;
  font-weight: 700;
  letter-spacing: .04em;
  background: linear-gradient(135deg, #ffad3b, #f48119);
  box-shadow: 0 10px 24px rgba(244, 129, 25, .24);
}

body.task-login #rcmloginsubmit:hover,
body.task-login #rcmloginsubmit:focus {
  background: linear-gradient(135deg, #ffc061, #ff901f);
}

body.task-login #login-footer {
  color: #a6a2a0;
  font-size: .875rem;
}

body.task-login #login-footer a {
  color: #ffac42;
}

@media (max-width: 480px) {
  body.task-login #layout-content { padding: 1rem; }
  body.task-login #logo { margin-top: 1.25rem; }
  body.task-login #login-form { padding: 1.2rem; border-radius: 14px; }
}