/* ===== SIDE Webmail — login (fundo arquitetônico + form premium) ===== */
body.task-login {
  background:
    linear-gradient(180deg, rgba(8,9,12,.5) 0%, rgba(8,9,12,.8) 100%),
    url('/branding/login-bg.jpg') center/cover no-repeat fixed !important;
}
body.task-login #layout, body.task-login #layout-content,
body.task-login #layout-content.selected { background:transparent !important; box-shadow:none !important; }

body.task-login #logo {
  content: url('/branding/side-logo.svg') !important;
  width:auto !important; height:54px !important; max-width:70% !important;
  margin: 0 auto 1.6rem !important; display:block !important;
}

body.task-login #login-form {
  background: rgba(16,19,25,.62) !important;
  -webkit-backdrop-filter: blur(22px) saturate(140%); backdrop-filter: blur(22px) saturate(140%);
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:22px !important;
  box-shadow: 0 50px 100px -35px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.06) !important;
  padding: 2.4rem 2.2rem 2.5rem !important; max-width:470px !important; margin-inline:auto !important;
}

body.task-login .input-group-prepend, body.task-login .input-group-text { display:none !important; }
body.task-login label { display:none !important; }
body.task-login .form-control, body.task-login input.form-control {
  background: rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.12) !important;
  border-radius:13px !important; color:#f4f0e8 !important; height:56px !important;
  padding-left:3rem !important; font-size:1rem !important;
  background-repeat:no-repeat !important; background-position:1rem center !important; background-size:20px !important;
}
body.task-login #rcmloginuser { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7b500' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.5 4-6.5 8-6.5s8 2 8 6.5'/%3E%3C/svg%3E") !important; }
body.task-login #rcmloginpwd { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7b500' stroke-width='2'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") !important; padding-right:3rem !important; }
body.task-login .form-control:focus {
  border-color:#f7b500 !important;
  box-shadow:0 0 0 1px #f7b500, 0 0 26px rgba(247,181,0,.22) !important;
  background-color: rgba(255,255,255,.05) !important;
}
body.task-login input::placeholder { color:#8a8780 !important; opacity:1; }
body.task-login .form-group, body.task-login .row { margin-bottom:1rem !important; }


#side-row { display:flex; align-items:center; justify-content:space-between; margin:.4rem 0 1.4rem; font-size:.86rem; }
#side-row label { display:flex !important; align-items:center; gap:.55rem; color:#cbc6bc; cursor:pointer; margin:0 !important; }
#side-row a { color:#f7b500; text-decoration:none; }
#side-row a:hover { text-decoration:underline; }
#side-remember { accent-color:#f7b500; width:16px; height:16px; }

body.task-login #rcmloginsubmit, body.task-login button.btn-primary, body.task-login .btn-primary {
  background: linear-gradient(180deg,#ffe07a 0%, #f7b500 50%, #d99a00 100%) !important;
  border:0 !important; color:#0b0d11 !important; font-weight:700 !important;
  letter-spacing:.09em; text-transform:uppercase; height:60px !important; width:100% !important;
  border-radius:14px !important; font-size:1rem !important;
  box-shadow:0 16px 44px -12px rgba(247,181,0,.55), inset 0 1px 0 rgba(255,255,255,.55) !important;
  display:flex !important; align-items:center; justify-content:center; gap:.8rem;
}
body.task-login #rcmloginsubmit:hover { filter:brightness(1.05); }
.side-arrow { font-weight:400; font-size:1.2em; }
body.task-login .formbuttons { margin-top:.3rem !important; }

/* olho mostrar/ocultar — blindado contra as classes do elastic */
body.task-login #side-eye, body.task-login button#side-eye {
  position:absolute !important; right:.7rem !important; top:50% !important;
  transform:translateY(-50%) !important;
  background:transparent !important; background-image:none !important;
  border:0 !important; box-shadow:none !important; border-radius:0 !important;
  padding:5px !important; margin:0 !important;
  width:32px !important; height:32px !important; min-width:0 !important; min-height:0 !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  line-height:0 !important; color:#8a8780 !important; cursor:pointer !important; z-index:8 !important;
}
body.task-login #side-eye:hover, body.task-login #side-eye.on { color:#f7b500 !important; }
body.task-login #side-eye:focus { outline:none !important; }
body.task-login #side-eye svg { width:21px !important; height:21px !important; display:block !important; }