/**
 * Estilos para máscara de hora
 * Não interfere com outros elementos
 */

/* Time Mask Styles */
.time-masked {
    font-family: 'Courier New', monospace !important;
    letter-spacing: 0.1em !important;
}

/* Garantir que não interfira com outros elementos */
.time-masked:not(input) {
    font-family: inherit !important;
    letter-spacing: normal !important;
}

.time-masked.is-valid {
    border-color: var(--bs-success) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='m2.3 6.73.94-.94 1.44 1.44L7.3 4.3l.94.94L4.68 9.1z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(0.375em + 0.1875rem) center !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

.time-masked.is-invalid {
    border-color: var(--bs-danger) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath d='m5.8 4.6 1.4 1.4m0-1.4-1.4 1.4'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(0.375em + 0.1875rem) center !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

.time-error-message {
    display: block !important;
    width: 100% !important;
    margin-top: 0.25rem !important;
    font-size: 0.875em !important;
    color: var(--bs-danger) !important;
}