/*
    Aviso de rango de fechas al revés (osd-rango-fechas.js).

    El aviso se mete como hermano del campo, justo debajo, y no flotando: así no
    depende de dónde esté el input ni lo recorta la tarjeta que lo contenga
    —varias llevan overflow:hidden para redondear las esquinas—.
*/
input.osd-rf-mal {
    border-color: #dc3545 !important;
    background-color: #fff6f6;
}
:root[data-theme="dark"] input.osd-rf-mal {
    background-color: rgba(220, 53, 69, 0.12);
}
input.osd-rf-mal:focus {
    box-shadow: 0 0 0 0.15rem rgba(220, 53, 69, 0.25);
}

.osd-rf-aviso {
    /* Ocupa una línea entera aunque el campo viva en una fila flexible, para
       que empujar el aviso no estreche el input de al lado. */
    flex-basis: 100%;
    width: 100%;
    margin-top: 0.2rem;
    font-size: 0.75rem;
    line-height: 1.25;
    color: #dc3545;
}