/* Estilos compartilhados entre o layout interno (site.css) e o layout de autenticação (login.css) */

/* RESET */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Segoe UI", Arial, sans-serif;
}

/* PASSWORD STRENGTH METER */
.password-strength {
    margin-top: 10px;
    margin-bottom: 15px;
}

.strength-bar {
    width: 100%;
    height: 8px;
    background: #E0E0E0;
    border-radius: 10px;
    overflow: hidden;
}

#strength-fill {
    height: 100%;
    width: 0%;
    transition: .3s;
}

.strength-weak {
    background: #E53935;
}

.strength-medium {
    background: #F9A825;
}

.strength-strong {
    background: #2E7D32;
}

#strength-text {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    font-weight: 600;
}

/* PASSWORD SHOW/HIDE (aplicado via site.js) */
.password-field {
    position: relative;
}

    .password-field input.has-password-toggle {
        padding-right: 44px;
    }

.password-toggle {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 6px;
    color: #616161;
    user-select: none;
}

    .password-toggle:hover {
        color: #E53935;
    }