/* ABERT-RESET-START */
/* ABERT | Recuperacao de acesso | Joomla 5 / JoomShaper Spectrum
   Escopo deliberadamente limitado as telas do com_users reset.
   Nao interfere em cadastro, homepage ou no PHP do plugin Gmail. */
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-main-body {
  background: linear-gradient(160deg, #f2f7f7 0%, #f9fbfb 58%, #eef5f3 100%);
  padding: clamp(28px, 5vw, 68px) 16px 76px;
  min-height: 62vh;
}
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-main-body #sp-component {
  width: 100%; max-width: 680px; margin: 0 auto; float: none;
  color: #24464d; font-size: 15px; line-height: 1.65;
}
/* Corrige a coluna estreita imposta pelos overrides antigos do Spectrum. */
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-component .row:has(form) {
  width: 100%; margin: 0 auto; justify-content: center;
}
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-component .row > [class*="col-"]:has(form) {
  flex: 0 0 100%; width: 100%; max-width: 100%; margin: 0 auto;
}
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-component :is(h1,h2,h3) {
  color: #103f48; line-height: 1.22; font-weight: 750;
  letter-spacing: -.025em;
}
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-component p {
  color: #4c6870; font-size: 15px; line-height: 1.7;
}
/* Alertas continuam visiveis; apenas sao mais legiveis. */
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #system-message-container,
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-main-body .alert {
  max-width: 680px; margin: 0 auto 23px;
}
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-main-body .alert-warning {
  color: #655019; background: #fff8e7; border: 1px solid #f0dca8;
  border-left: 4px solid #ddb03a; border-radius: 10px; padding: 15px 18px;
  font-size: 14px; line-height: 1.6;
}
/* Cartao da solicitacao, confirmacao e definicao de nova senha. */
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-component form {
  box-sizing: border-box; width: 100%; max-width: 560px;
  margin: 22px auto 0; padding: clamp(24px, 4vw, 44px);
  border: 1px solid #e2eceb; border-top: 5px solid #d9aa29;
  border-radius: 16px; background: #fff;
  box-shadow: 0 16px 50px rgba(12, 66, 72, .10);
}
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-component form .control-group,
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-component form .mb-3 {
  margin-bottom: 19px;
}
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-component form label,
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-component form .control-label {
  color: #193f47; font-size: 14px; font-weight: 650;
  margin-bottom: 7px; display: block;
}
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-component form :is(input[type="text"],input[type="email"],input[type="password"],.form-control) {
  box-sizing: border-box; display: block; width: 100%; max-width: none;
  min-height: 49px; padding: 11px 14px;
  border: 1px solid #ccdbdd; border-radius: 9px;
  background: #fafdfe; color: #193b42; font-size: 15px;
  box-shadow: none; transition: border-color .2s, box-shadow .2s;
}
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-component form :is(input[type="text"],input[type="email"],input[type="password"],.form-control):focus {
  outline: none; border-color: #18717b;
  box-shadow: 0 0 0 3px rgba(24, 113, 123, .16);
}
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-component form :is(button[type="submit"],input[type="submit"],.btn-primary) {
  display: inline-flex; justify-content: center; align-items: center;
  min-height: 48px; min-width: 190px; padding: 11px 23px;
  background: #10535b; color: #fff; border: 1px solid #10535b;
  border-radius: 9px; font-size: 15px; font-weight: 700;
  box-shadow: none; cursor: pointer; transition: background-color .2s, transform .2s;
}
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-component form :is(button[type="submit"],input[type="submit"],.btn-primary):hover {
  background: #0b3f47; border-color: #0b3f47;
}
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-component form :is(button[type="submit"],input[type="submit"],.btn-primary):focus-visible {
  outline: 3px solid #e2b33c; outline-offset: 3px;
}
:is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-component form .form-actions {
  margin-top: 12px; padding: 0; background: transparent; border: 0;
}
@media (max-width: 640px) {
  :is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-main-body {padding: 22px 12px 50px;}
  :is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-component form {padding: 25px 19px; border-radius: 13px;}
  :is(body.view-reset, body:has(#sp-component form[action*="task=reset."])) #sp-component form :is(button[type="submit"],input[type="submit"],.btn-primary) {width: 100%;}
}
/* ABERT-RESET-END */