/* Paginа: admin/trocar-senha.html — CSS extraido automaticamente */
body{
margin:0;
background:#0b0b0f;
color:#eee;
font-family:'Montserrat',sans-serif;
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
padding:24px;
}

.box{
width:100%;
max-width:440px;
background:rgba(255,255,255,.055);
border:1px solid rgba(255,255,255,.08);
border-radius:20px;
padding:34px;
backdrop-filter:blur(18px);
}

.marca{
text-align:center;
margin-bottom:22px;
}

.marca img{
width:58px;
height:58px;
object-fit:contain;
}

.marca h1{
font-size:1.05rem;
font-weight:800;
letter-spacing:2px;
color:#FFD700;
margin:10px 0 4px;
}

.marca p{
color:#777;
font-size:.74rem;
margin:0;
}

.form-label{
color:#bbb;
font-size:.72rem;
font-weight:600;
}

.form-control{
background:#101016;
border:1px solid #292930;
color:white;
}

.form-control:focus{
background:#101016;
color:white;
border-color:#FFD700;
box-shadow:none;
}

.form-control[readonly]{
color:#888;
}

.senha-wrap{
position:relative;
}

.senha-wrap .olho{
position:absolute;
right:12px;
top:50%;
transform:translateY(-50%);
background:none;
border:none;
color:#666;
cursor:pointer;
padding:0;
}

.btn-aya{
background:#FFD700;
color:#000;
border:none;
font-weight:700;
width:100%;
}

.btn-aya:hover{
background:#e6c200;
color:#000;
}

.msg{
font-size:.74rem;
border-radius:10px;
padding:10px 12px;
margin-bottom:16px;
display:none;
}

.msg.erro{
display:block;
background:rgba(220,53,69,.12);
color:#ff8a95;
border:1px solid rgba(220,53,69,.3);
}

.msg.ok{
display:block;
background:rgba(34,139,34,.14);
color:#55d66d;
border:1px solid rgba(34,139,34,.3);
}

.regras{
font-size:.68rem;
color:#666;
margin-top:10px;
}

.medidor{
height:4px;
border-radius:4px;
background:#222;
margin-top:8px;
overflow:hidden;
}

.medidor div{
height:100%;
width:0;
background:#55d66d;
transition:width .25s ease, background .25s ease;
}

.pular{
display:block;
text-align:center;
margin-top:14px;
font-size:.72rem;
color:#666;
text-decoration:none;
}

.pular:hover{ color:#FFD700; }

        /* ===== IEPLUS_LIGHT_OVERRIDES : IÊ+ tema claro (estrutura/navegação preta com texto claro) ===== */
        .topbar,.sidebar,.sidebar-header,.bottom-navigation,.bottom-nav,.side-nav,.nav-drawer,.app-nav{background:#111111 !important;}
        .topbar,.topbar *,.sidebar *,.bottom-navigation *,.bottom-navigation a,.bottom-navigation i,.bottom-navigation span{color:rgba(255,255,255,.85) !important;}
        .sidebar a.active,.sidebar .active,.bottom-navigation .active{color:#8FE6B4 !important;}
        .sidebar a.active,.bottom-navigation .active{background:rgba(22,128,74,.30) !important;}