/* Estilos exclusivos de autenticação da Central */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
*,
*::before,
*::after {
box-sizing:border-box;
}
html,
body {
width:100%;
max-width:100%;
min-height:100%;
overflow-x:clip;
}
body {
width:100%;
min-height:100vh;
margin:0;
padding:0;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:8px;
font-family:Poppins,Arial,sans-serif;
color:#52606f;
background:#ffebeb;
}
.central-card,.password-card,.token-card {
width:calc(100% - 20px);
max-width:470px;
margin:0 auto;
padding:32px;
border:1px solid #ddd;
border-radius:5px;
background:#fff;
box-shadow:3px 3px 3px rgba(0,0,0,.1);
}
.central-card img {
display:block;
width:65px;
height:65px;
object-fit:contain;
margin:0 auto 16px;
}
.central-card h1 {
margin:0 0 16px;
color:#52606f;
font-size:18px;
line-height:1.2;
text-align:center;
}
.central-card > p {
margin:0 0 26px;
color:#52606f;
font-size:13px;
line-height:1.55;
text-align:center;
}
.central-card form,.password-form,.token-form {
display:grid;
width:100%;
max-width:100%;
gap:10px;
margin-top:20px;
}
.central-card label,.password-form label,.token-form label {
display:grid;
min-width:0;
gap:5px;
color:#52606f;
font-size:13px;
font-weight:600;
}
.central-card input,.password-form input,.token-form input {
width:100%;
max-width:100%;
min-width:0;
padding:10px;
border:1px solid #ddd;
border-radius:5px;
color: #777;
}
.central-card button,.password-form button,.token-form button {
min-height:30px;
padding:8px 10px;
border:0;
border-radius:5px;
background:#ea6667;
color:#fff;
cursor:pointer;
}
.central-card > a {
display:block;
margin-top:4px;
color:#b21f16;
font-size:11px;
text-align:center;
text-decoration:none;
}
.pwa-install {
display:none;
align-items:center;
justify-content:center;
gap:10px;
padding:8px 12px;
background:#fff;
color:#52606f;
font-size:11px;
text-align:center;
box-sizing:border-box;
width:calc(100% - 20px);
max-width:470px;
margin:0 auto;
box-shadow:0 0 3px rgba(0,0,0,.1);
}
.pwa-install.is-visible {
display:flex;
}
.pwa-install button {
padding:5px 10px;
border:0;
border-radius:5px;
background:#fc7560;
color:#fff;
cursor:pointer;
}
@media(max-width:700px) {
.central-card,.password-card,.token-card {
width:calc(100% - 20px);
max-width:470px;
margin:0 auto;
padding:24px 16px;
}
.pwa-install {
width:calc(100% - 20px);
max-width:470px;
margin:0 auto;
flex-wrap:wrap;
}
.central-card input,.password-form input,.token-form input {
font-size:16px;
}
}
.password-card h1,.token-card h1 {
color:#a01f16;
}
.central-alert {
padding:8px 10px;
border-radius:5px;
background:#fff0ef;
color:#a01f16;
font-size:12px;
}
.central-success {
background:#e9f8ef;
color:#16803c;
}