/* ==========================================================================
   Flora · overrides para Resonum (mejoras-ui)
   ==========================================================================
   Estos overrides parchean componentes Flora compartidos sin tocar el
   bundle minificado. Se cargan DESPUÉS de flora.min.css.
   ========================================================================== */

/* Selects: forzar paleta clara para que el dropdown nativo del OS sea
   legible aunque el sistema esté en tema oscuro. */
select.fl-campo-entrada,
.fl-tabla-pie-tamano-select,
.fl-tabla-filtro-fila select {
    color-scheme: light;
}
select.fl-campo-entrada option,
.fl-tabla-pie-tamano-select option,
.fl-tabla-filtro-fila select option {
    background: #ffffff;
    color: #1A2E22;
}
select.fl-campo-entrada option:checked,
.fl-tabla-pie-tamano-select option:checked,
.fl-tabla-filtro-fila select option:checked {
    background: #f0e9d5;
    color: #1A2E22;
    font-weight: var(--fl-peso-medio);
}

/* Toolbar de tabla: hueco para el botón Exportar inyectado por
   <x-flora::tabla-datos conExportar> (si Flora ya lo tiene, este selector
   es redundante pero no hace daño). */
.fl-tabla-toolbar-exportar {
    display: inline-flex;
    align-items: center;
    margin-left: var(--fl-sp-2);
}

/* Toast: soporte para acciones inline en el toast (botones a la par del
   mensaje). El JS de mejoras-ui los inyecta. */
.fl-toast-acciones {
    display: flex;
    gap: var(--fl-sp-2);
    margin-top: var(--fl-sp-2);
    flex-wrap: wrap;
}
.fl-toast-accion {
    padding: var(--fl-sp-1) var(--fl-sp-3);
    border-radius: var(--fl-r-sm, 4px);
    font-size: var(--fl-texto-xs);
    font-weight: var(--fl-peso-bold);
    cursor: pointer;
    border: 1px solid transparent;
    transition: background var(--fl-t-rapido), border-color var(--fl-t-rapido);
    font-family: inherit;
    line-height: 1.3;
}
.fl-toast-accion--primario {
    background: var(--fl-acento);
    color: var(--fl-acento-texto-sobre, #fff);
}
.fl-toast-accion--primario:hover {
    background: color-mix(in srgb, var(--fl-acento) 88%, black);
}
.fl-toast-accion--fantasma {
    background: transparent;
    color: var(--fl-texto-suave);
    border-color: var(--fl-borde);
}
.fl-toast-accion--fantasma:hover {
    background: var(--fl-superficie-hover);
    color: var(--fl-texto-fuerte);
}

/* Pie de tabla duplicado (arriba + abajo).
   Flora trae estilos para --arriba (border-bottom + radius arriba); aquí
   espejamos para --abajo (border-top + radius abajo). El JS de sincronización
   está en mejoras-ui/js/flora-tabla-pie-doble.js. */
.fl-tabla-pie--abajo {
    border-top: 1px solid var(--fl-borde-sutil);
    border-bottom: 0;
    border-bottom-left-radius: var(--fl-r-md);
    border-bottom-right-radius: var(--fl-r-md);
}