/* H608 | Login centralizado inspirado no HTML AGS fornecido. */
body.login-solo-page {
min-height: 100vh !important;
margin: 0 !important;
overflow-x: hidden;
background-color: #2d405d !important;
background-image:
linear-gradient(rgba(22, 37, 61, .08), rgba(22, 37, 61, .08)),
url("../img/login-background.jpg") !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-attachment: fixed !important;
color: #202124 !important;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}
body.login-solo-page > noscript {
position: fixed;
inset: 12px 12px auto;
z-index: 20;
padding: 10px 14px;
border-radius: 6px;
background: #fff3cd;
color: #664d03;
box-shadow: 0 3px 12px rgba(0,0,0,.18);
font-size: .82rem;
text-align: center;
}
/* Acesso unificado. */
body.login-solo-page .login-uni-shell {
display: grid !important;
width: 100% !important;
min-height: 100vh !important;
grid-template-columns: minmax(0, 1fr) !important;
place-items: center !important;
padding: 32px 18px !important;
background: transparent !important;
}
body.login-solo-page .login-uni-brand { display: none !important; }
body.login-solo-page .login-uni-main {
display: grid !important;
width: 100% !important;
min-width: 0 !important;
place-items: center !important;
padding: 0 !important;
}
body.login-solo-page .login-uni-main > div {
width: min(420px, 100%) !important;
min-width: 0 !important;
}
body.login-solo-page .login-uni-card,
body.login-solo-page .access-card.login-solo-card {
width: 100% !important;
max-width: 420px !important;
margin: 0 auto !important;
overflow: hidden;
border: 0 !important;
border-radius: 10px !important;
background: rgba(255,255,255,.985) !important;
color: #202124 !important;
box-shadow:
0 5px 5px -3px rgba(0,0,0,.20),
0 8px 10px 1px rgba(0,0,0,.14),
0 3px 14px 2px rgba(0,0,0,.12) !important;
backdrop-filter: blur(3px);
}
body.login-solo-page .ags-login-header {
display: grid;
justify-items: center;
gap: 6px;
padding: 26px 28px 16px;
text-align: center;
}
body.login-solo-page .ags-login-header img {
display: block;
width: auto;
height: 84px;
max-width: 124px;
margin: 0 auto 2px;
object-fit: contain;
}
body.login-solo-page .ags-login-product {
color: #1f5592;
font-size: .92rem;
font-weight: 700;
line-height: 1.25;
}
body.login-solo-page .ags-login-header h1 {
margin: 0 !important;
color: rgba(0,0,0,.87) !important;
font-size: 1.42rem !important;
font-weight: 500 !important;
line-height: 1.25 !important;
letter-spacing: normal !important;
}
/* Abas Gestor/Operador preservadas e integradas ao cartao. */
body.login-solo-page .login-uni-tabs {
display: flex !important;
margin: 0 28px;
overflow: hidden;
border: 1px solid rgba(0,0,0,.14) !important;
border-radius: 6px !important;
background: #f4f6f8 !important;
}
body.login-solo-page .login-uni-tabs button {
min-height: 42px !important;
padding: 8px 12px !important;
border: 0 !important;
border-right: 1px solid rgba(0,0,0,.10) !important;
border-bottom: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #111 !important;
font-size: .86rem !important;
font-weight: 700 !important;
box-shadow: none !important;
}
body.login-solo-page .login-uni-tabs button:last-child {
border-right: 0 !important;
}
body.login-solo-page .login-uni-tabs button[aria-selected="true"] {
background: #1867c0 !important;
color: #fff !important;
}
body.login-solo-page .login-uni-body {
padding: 22px 28px 26px !important;
}
/* Login separado e recuperacao: somente o cartao central. */
body.login-solo-page .access-shell.login-solo-shell {
display: grid !important;
width: 100% !important;
max-width: none !important;
min-height: 100vh !important;
grid-template-columns: minmax(0, 1fr) !important;
place-items: center !important;
gap: 0 !important;
margin: 0 !important;
padding: 32px 18px !important;
background: transparent !important;
}
body.login-solo-page .access-brand { display: none !important; }
body.login-solo-page .access-grid.solo-login-grid {
display: grid !important;
width: min(420px, 100%) !important;
max-width: 420px !important;
min-width: 0 !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 16px !important;
align-content: center !important;
}
body.login-solo-page .access-card.login-solo-card {
display: grid !important;
gap: 20px !important;
padding: 0 28px 26px !important;
}
body.login-solo-page .access-card.login-solo-card > .ags-login-header {
margin-inline: -28px;
padding-bottom: 2px;
}
body.login-solo-page .access-card.login-solo-card > div:not(.ags-login-header) {
text-align: center;
}
body.login-solo-page .access-card.login-solo-card > div:not(.ags-login-header) .eyebrow {
margin: 0 0 4px !important;
color: #1f5592 !important;
font-size: .72rem !important;
font-weight: 700 !important;
letter-spacing: .08em !important;
}
body.login-solo-page .access-card.login-solo-card h2 {
margin: 0 !important;
color: rgba(0,0,0,.87) !important;
font-size: 1.22rem !important;
font-weight: 500 !important;
}
body.login-solo-page .access-card.login-solo-card > div:not(.ags-login-header) > span {
margin-top: 6px !important;
color: rgba(0,0,0,.60) !important;
font-size: .80rem !important;
line-height: 1.45 !important;
}
/* Formularios outlined no mesmo ritmo do login de referencia. */
body.login-solo-page :where(.login-form, .bootstrap-form) {
display: grid !important;
gap: 14px !important;
}
body.login-solo-page :where(.login-form, .bootstrap-form) label {
display: grid !important;
gap: 6px !important;
color: rgba(0,0,0,.72) !important;
font-size: .82rem !important;
font-weight: 500 !important;
}
body.login-solo-page :where(.login-form, .bootstrap-form) :where(input, select) {
width: 100% !important;
min-height: 52px !important;
padding: 12px 14px !important;
border: 1px solid rgba(0,0,0,.38) !important;
border-radius: 4px !important;
background: #fff !important;
color: rgba(0,0,0,.87) !important;
font-size: .94rem !important;
font-weight: 400 !important;
box-shadow: none !important;
}
body.login-solo-page :where(.login-form, .bootstrap-form) :where(input, select)::placeholder {
color: rgba(0,0,0,.46) !important;
opacity: 1;
}
body.login-solo-page :where(.login-form, .bootstrap-form) :where(input, select):hover {
border-color: rgba(0,0,0,.74) !important;
}
body.login-solo-page :where(.login-form, .bootstrap-form) :where(input, select):focus {
border-color: #1867c0 !important;
outline: 0 !important;
box-shadow: 0 0 0 1px #1867c0 !important;
}
body.login-solo-page :where(.login-form, .bootstrap-form) button[type="submit"] {
width: 100% !important;
min-height: 46px !important;
margin-top: 2px !important;
padding: 0 18px !important;
border: 0 !important;
border-radius: 4px !important;
background: #1867c0 !important;
color: #fff !important;
font-size: .90rem !important;
font-weight: 700 !important;
letter-spacing: .02em !important;
box-shadow: 0 2px 4px -1px rgba(0,0,0,.20), 0 4px 5px rgba(0,0,0,.14) !important;
}
body.login-solo-page :where(.login-form, .bootstrap-form) button[type="submit"]:hover {
background: #1f5592 !important;
box-shadow: 0 4px 8px rgba(0,0,0,.22) !important;
transform: none !important;
}
body.login-solo-page :where(.login-uni-links, .login-solo-links) {
margin: 14px 0 0 !important;
color: rgba(0,0,0,.60) !important;
font-size: .82rem !important;
font-weight: 500 !important;
text-align: center !important;
}
body.login-solo-page :where(.login-uni-links, .login-solo-links) a {
color: #1867c0 !important;
font-weight: 600 !important;
text-decoration: none !important;
}
body.login-solo-page :where(.login-uni-links, .login-solo-links) a:hover {
text-decoration: underline !important;
}
body.login-solo-page .access-grid.solo-login-grid > .login-solo-links {
justify-self: center;
padding: 9px 14px;
border-radius: 999px;
background: rgba(255,255,255,.96) !important;
box-shadow: 0 2px 8px rgba(0,0,0,.16);
}
body.login-solo-page .login-uni-hint {
margin: 12px 0 0 !important;
color: rgba(0,0,0,.52) !important;
font-size: .75rem !important;
line-height: 1.4 !important;
text-align: center !important;
}
/* H610: cadastro inicial fica recolhido em um atalho do login. */
body.login-solo-page .manager-registration-trigger {
display: flex !important;
width: 100% !important;
min-height: 58px !important;
margin-top: 16px !important;
padding: 9px 12px !important;
align-items: center !important;
gap: 11px !important;
border: 1px solid rgba(24, 103, 192, .28) !important;
border-radius: 10px !important;
background: #f5f9ff !important;
color: #164f91 !important;
text-align: left !important;
cursor: pointer !important;
box-shadow: none !important;
}
body.login-solo-page .manager-registration-trigger[hidden] { display: none !important; }
body.login-solo-page .manager-registration-trigger:hover {
border-color: #1867c0 !important;
background: #edf5ff !important;
}
body.login-solo-page .manager-registration-trigger:focus-visible {
outline: 3px solid rgba(24, 103, 192, .22) !important;
outline-offset: 2px !important;
}
body.login-solo-page .manager-registration-icon {
display: grid !important;
width: 38px !important;
height: 38px !important;
flex: 0 0 38px !important;
place-items: center !important;
border-radius: 50% !important;
background: #1867c0 !important;
color: #fff !important;
}
body.login-solo-page .manager-registration-icon svg { width: 22px !important; height: 22px !important; }
body.login-solo-page .manager-registration-trigger > span:last-child { display: grid !important; gap: 2px !important; }
body.login-solo-page .manager-registration-trigger strong { color: #164f91 !important; font-size: .88rem !important; }
body.login-solo-page .manager-registration-trigger small { color: rgba(0,0,0,.58) !important; font-size: .74rem !important; }
body.login-solo-page .first-access-card .ags-login-header { position: relative !important; }
body.login-solo-page .first-access-close {
position: absolute !important;
top: 12px !important;
right: 14px !important;
display: grid !important;
width: 34px !important;
height: 34px !important;
padding: 0 !important;
place-items: center !important;
border: 1px solid rgba(0,0,0,.14) !important;
border-radius: 50% !important;
background: #fff !important;
color: #26364d !important;
font-size: 1.35rem !important;
line-height: 1 !important;
cursor: pointer !important;
box-shadow: 0 2px 7px rgba(0,0,0,.10) !important;
}
body.login-solo-page .first-access-close:hover { background: #f2f6fb !important; }
body.login-solo-page .login-feedback:not(:empty) {
padding: 9px 11px !important;
border: 1px solid #f1b6b4 !important;
border-radius: 4px !important;
background: #fff2f2 !important;
color: #b00020 !important;
font-size: .78rem !important;
line-height: 1.35 !important;
}
body.login-solo-page .login-feedback[data-status="success"] {
border-color: #a9dfce !important;
background: #eefbf6 !important;
color: #0f6b4f !important;
}
body.login-solo-page .login-uni-first,
body.login-solo-page .first-access-card {
margin: 0 !important;
}
body.login-solo-page .access-card.login-solo-card.first-access-card,
body.login-solo-page .access-card.login-solo-card.first-access-card[hidden],
body.login-solo-page .login-uni-first.first-access-card[hidden] {
display: none !important;
}
/* H616: cadastro inicial abre como dialogo e nao ocupa a area abaixo do login. */
body.login-solo-page.manager-registration-open {
overflow: hidden !important;
}
body.login-solo-page.manager-registration-open::after {
content: "";
position: fixed;
inset: 0;
z-index: 1199;
background: rgba(15, 23, 42, .62);
backdrop-filter: blur(3px);
}
body.login-solo-page.manager-registration-open .first-access-card[data-opened-by-user="true"]:not([hidden]) {
display: block !important;
position: fixed !important;
top: 50% !important;
left: 50% !important;
z-index: 1200 !important;
width: min(520px, calc(100vw - 32px)) !important;
max-width: 520px !important;
max-height: calc(100vh - 32px) !important;
margin: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
transform: translate(-50%, -50%) !important;
box-shadow: 0 24px 70px rgba(15, 23, 42, .36) !important;
}
@media (max-width: 540px) {
body.login-solo-page {
background-attachment: scroll !important;
background-position: center top !important;
}
body.login-solo-page .login-uni-shell,
body.login-solo-page .access-shell.login-solo-shell {
min-height: 100svh !important;
padding: 18px 12px !important;
}
body.login-solo-page .login-uni-card,
body.login-solo-page .access-card.login-solo-card {
max-width: none !important;
border-radius: 8px !important;
}
body.login-solo-page .ags-login-header {
padding: 22px 20px 14px;
}
body.login-solo-page .ags-login-header img {
height: 74px;
}
body.login-solo-page .login-uni-tabs {
margin-inline: 20px;
}
body.login-solo-page .login-uni-body {
padding: 20px 20px 22px !important;
}
body.login-solo-page .access-card.login-solo-card {
width: 100% !important;
padding: 0 20px 22px !important;
}
body.login-solo-page .access-card.login-solo-card > .ags-login-header {
margin-inline: -20px;
}
}
@media (prefers-reduced-motion: reduce) {
body.login-solo-page * { scroll-behavior: auto !important; }
}
/* H616 mobile: mantem o dialogo afastado das bordas. */
@media (max-width: 540px) {
body.login-solo-page.manager-registration-open .access-card.first-access-card[data-opened-by-user="true"]:not([hidden]) {
width: calc(100vw - 24px) !important;
max-height: calc(100svh - 24px) !important;
}
}
/* H618 | Recuperacao em janela, aberta somente pelo link Esqueci a senha. */
body.login-solo-page.password-recovery-open { overflow: hidden !important; }
body.login-solo-page .password-recovery-dialog {
width: min(540px, calc(100vw - 32px));
height: min(760px, calc(100vh - 32px));
max-width: 540px;
max-height: calc(100vh - 32px);
padding: 0;
overflow: hidden;
border: 0;
border-radius: 12px;
background: #fff;
box-shadow: 0 24px 70px rgba(15, 23, 42, .38);
}
body.login-solo-page .password-recovery-dialog:not([open]),
body.login-solo-page .password-recovery-dialog[hidden] { display: none !important; }
body.login-solo-page .password-recovery-dialog[open]:not([hidden]) {
display: grid !important;
position: fixed;
inset: 0;
z-index: 1300;
margin: auto;
}
body.login-solo-page .password-recovery-dialog::backdrop {
background: rgba(15, 23, 42, .68);
backdrop-filter: blur(3px);
}
body.login-solo-page .password-recovery-close {
position: absolute;
top: 12px;
right: 14px;
z-index: 2;
display: grid;
width: 36px;
height: 36px;
padding: 0;
place-items: center;
border: 1px solid rgba(0,0,0,.14);
border-radius: 50%;
background: #fff;
color: #26364d;
font-size: 1.35rem;
line-height: 1;
cursor: pointer;
box-shadow: 0 2px 7px rgba(0,0,0,.12);
}
body.login-solo-page .password-recovery-close:hover { background: #f2f6fb; }
body.login-solo-page .password-recovery-close:focus-visible {
outline: 3px solid rgba(24, 103, 192, .25);
outline-offset: 2px;
}
body.login-solo-page .password-recovery-frame {
display: block;
width: 100%;
height: 100%;
border: 0;
background: #fff;
}
html.recovery-embed,
html.recovery-embed body.login-solo-page { min-height: 100%; background: #fff !important; background-image: none !important; }
html.recovery-embed body.login-solo-page .access-shell.login-solo-shell {
min-height: 100% !important;
padding: 18px !important;
place-items: start center !important;
}
html.recovery-embed body.login-solo-page .access-grid.solo-login-grid {
width: 100% !important;
max-width: 460px !important;
gap: 14px !important;
}
html.recovery-embed body.login-solo-page .access-card.login-solo-card {
max-width: 460px !important;
box-shadow: none !important;
}
html.recovery-embed body.login-solo-page .access-grid.solo-login-grid > .login-solo-links { display: none !important; }
body.login-solo-page .recovery-password-actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
body.login-solo-page .recovery-password-actions button {
min-height: 42px;
padding: 8px 12px;
border: 1px solid #1867c0;
border-radius: 4px;
background: #fff;
color: #164f91;
font-weight: 700;
cursor: pointer;
}
body.login-solo-page .recovery-password-actions button:hover { background: #edf5ff; }
@media (max-width: 540px) {
body.login-solo-page .password-recovery-dialog {
width: calc(100vw - 20px);
height: calc(100svh - 20px);
max-height: calc(100svh - 20px);
}
html.recovery-embed body.login-solo-page .access-shell.login-solo-shell { padding: 12px !important; }
body.login-solo-page .recovery-password-actions { grid-template-columns: 1fr; }
}