:root{ --vc-primary:#2B50E2; --vc-primary2:#6D5AE6; --vc-accent:#FF6A3D; --vc-ink:#141B34; }

/* ================= LOGIN ================= */
body.task-login{
  background:
    radial-gradient(1100px 520px at 14% -12%, rgba(109,90,230,.55) 0%, rgba(109,90,230,0) 60%),
    radial-gradient(920px 520px at 112% 18%, rgba(255,106,61,.28) 0%, rgba(255,106,61,0) 55%),
    linear-gradient(135deg,#0e1530 0%, #182357 48%, #24399e 120%) !important;
}
body.task-login #layout, body.task-login #layout-content,
body.task-login #layout > .content{ background:transparent !important; }

body.task-login #logo{
  max-height:58px; width:auto; margin:0 auto 22px; display:block;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.4));
}

/* tarjeta glass oscura */
body.task-login #login-form{
  background:rgba(14,20,44,.55) !important;
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  backdrop-filter:blur(16px) saturate(140%);
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:18px !important;
  box-shadow:0 30px 80px rgba(4,8,26,.6), inset 0 1px 0 rgba(255,255,255,.08) !important;
  padding:24px 24px 20px !important;
}
body.task-login #login-form td.title label{ color:rgba(255,255,255,.85) !important; font-weight:400 !important; }

/* campos */
body.task-login #login-form .form-control,
body.task-login #login-form input.form-control{
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important; border-radius:10px !important;
}
body.task-login #login-form .form-control::placeholder{ color:rgba(255,255,255,.55) !important; }
body.task-login #login-form .form-control:focus{
  border-color:#7C97FF !important; background:rgba(255,255,255,.11) !important;
  box-shadow:0 0 0 .18rem rgba(43,80,226,.35) !important;
}
/* iconos dentro de los campos (Elastic) */
body.task-login #login-form .input-group-text,
body.task-login #login-form td.title label::before,
body.task-login #login-form .form-control ~ i,
body.task-login #login-form i.icon{ color:rgba(255,255,255,.65) !important; }

/* boton */
body.task-login #login-form .mainaction, body.task-login #rcmloginsubmit{
  background-image:linear-gradient(135deg,#2B50E2,#6D5AE6) !important;
  background-color:#2B50E2 !important; border:none !important; color:#fff !important;
  border-radius:10px !important; font-weight:600 !important;
  box-shadow:0 12px 26px rgba(43,80,226,.42) !important;
}
body.task-login #login-form .mainaction:hover{ filter:brightness(1.08); }
body.task-login #login-form .formbuttons{ margin-top:6px !important; }

/* ================= ACENTOS APP ================= */
.btn.btn-primary, button.btn-primary, input.btn-primary, a.btn-primary{
  background-color:var(--vc-primary) !important; border-color:var(--vc-primary) !important;
}
.btn.btn-primary:hover{ filter:brightness(1.06); }
#taskmenu a.selected, #taskmenu a:hover{ color:var(--vc-accent) !important; }
#taskmenu a.selected:before{ background:var(--vc-accent) !important; }
a{ color:var(--vc-primary); }