/* Bootstrap shim para login (classes estruturais).
   O estilo visual (cores, bordas, sombras) esta no CSS inline do template. */

/* Botao base */
.btn {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    vertical-align: middle;
    line-height: 1.5;
}

.me-2 {
    margin-right: 0.5rem;
}

/* Input full-width */
.form-control {
    display: block;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
}

.form-control:focus {
    outline: 0;
}

/* Checkbox container */
.form-check {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Checkbox input */
.form-check-input {
    width: 1.125rem;
    height: 1.125rem;
    min-width: 1.125rem;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid;
    border-radius: 0.25rem;
    vertical-align: middle;
    flex-shrink: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23221d11' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

/* Alertas */
.alert {
    padding: 0.75rem 1rem;
}