html, body { height: 100%; margin: 0; padding: 0; }

.login-wrapper {
    min-height: 100vh;
    min-height: 100dvh; /* mobile: barra de endereço */
    background-image: url('../image/img-bg-uc.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.login-card { width: 100%; max-width: 460px; }
.login-logo { max-width: 185px; }

.btn-secondary {
    --bs-btn-bg: #f48235;
    --bs-btn-border-color: #f48235;
    --bs-btn-hover-bg: #d96f28;
    --bs-btn-hover-border-color: #d96f28;
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
}

/* Toggle de senha */
.password-wrap { position: relative; }
.password-wrap .form-control { padding-right: 3rem; }

.btn-toggle-password {
    position: absolute;
    top: 50%;
    right: .75rem;
    transform: translateY(-50%);
    z-index: 5;
    display: inline-flex;
    padding: .25rem;
    border: 0;
    background: transparent;
    color: #6c757d;
    border-radius: 50%;
    cursor: pointer;
}
.btn-toggle-password:hover { color: #212529; }
.btn-toggle-password:focus-visible { outline: 2px solid #0d6efd; outline-offset: 2px; }
.btn-toggle-password .eye-slash { display: none; }
.btn-toggle-password[aria-pressed="true"] .eye-slash { display: inline; }

/* Validação */
.was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545 !important; }
.was-validated .form-control:valid,   .form-control.is-valid   { border-color: #198754 !important; }
.invalid-feedback { display: none; }
.was-validated .form-control:invalid ~ .invalid-feedback { display: block; }

.was-validated .no-validation:valid,
.was-validated .no-validation:invalid {
    border-color: #dee2e6 !important;
    background-image: none !important;
    box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
    * { transition: none !important; animation: none !important; }
}

body > main > section > div > div > div.col-xxl-6.d-flex.align-items-center.justify-content-center.py-5 > div > div {
	border: 1px solid #212529;
    border-radius: .5rem;
}