﻿/* Campo de senha com botão mostrar/ocultar e aviso de Caps Lock (Scripts/campoSenha.js) */
.campo-senha {
    position: relative;
}

.campo-senha > input[type] {
    padding-right: 48px;
}

/* O Edge exibe um botão nativo de revelar senha; evita dois botões no mesmo campo. */
.campo-senha > input::-ms-reveal,
.campo-senha > input::-ms-clear {
    display: none;
}

.campo-senha-alternar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    /* Área de toque confortável: 44px de largura; a altura acompanha a do campo */
    width: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    opacity: 0.6;
    cursor: pointer;
}

.campo-senha-alternar:hover,
.campo-senha-alternar:focus {
    opacity: 1;
}

.campo-senha-capslock {
    display: none;
    margin: -6px 0 10px;
    color: #c09853;
    font-size: 13px;
    font-weight: bold;
}
