/* ==========================================================================
   COMPONENTE: COLOR DE LOS BOTONES DE FILA (Ver/Editar/Borrar) — SOLO MÓVIL
   Capa: componentes.
   Separado el 19/10/2026 de css/paneles-scout-tabla.css (migración CSS por
   capas, ver CLAUDE.md "Arquitectura CSS"), con las reglas tal cual.
   14/08/2026: unificado desde Tienda (.btn-editar-generico/.btn-ver-generico,
   antes en css/tienda.css) y Kraal (.btn-ver-pub/.btn-editar-pub/
   .btn-borrar-pub, renombradas aquí a los mismos nombres genéricos, antes
   en inc/shortcodes-panel-scouter.php) — mismo azul/gris/rojo en los dos
   sitios, así que ya no tiene sentido tenerlo duplicado.
   Solo el COLOR vive aquí: la FORMA (ancho fijo en Tienda con solo 2
   botones, ancho flex a reparto igual en Kraal con 3) sigue en el CSS de
   cada uno, porque esa sí difiere por necesidad. Cada regla de forma ya
   pone su propio "border: 1px solid transparent" de base, así que aquí
   basta con cambiar el border-color.
   Guardado tras 768px (igual que las tarjetas móviles) y con !important:
   en escritorio estos enlaces siguen su propio color de texto plano
   (herencia, o el morado corporativo vía estilo en línea en Tienda) — no
   se toca, solo cambia el aspecto de botón en móvil.
   !important también en background/border-color, no solo en color
   (bug real, visto el 14/08/2026): la regla de FORMA de cada tabla
   (ej. ".tabla-mis-publicaciones-moderna.scout-tabla td.celda-acciones-pub a"
   en Kraal) tiene 2 clases + 2 etiquetas de especificidad, más que esta
   regla de 1 sola clase — sin !important, su "border: 1px solid
   transparent" de base ganaba la cascada y dejaba el borde invisible
   pese a que esta regla intentaba ponerle color. */
@media (max-width: 768px) {
    /* Editar = ámbar (20/08/2026, rediseño completo) — antes azul. */
    .btn-editar-generico {
        background: var(--wp--preset--color--base) !important;
        border-color: var(--wp--custom--accion--ambar) !important;
        color: var(--wp--custom--accion--ambar) !important;
    }
    /* Ver = azul (20/08/2026, rediseño completo) — antes gris neutro. */
    .btn-ver-generico {
        background: var(--wp--preset--color--base) !important;
        border-color: var(--wp--custom--accion--azul) !important;
        color: var(--wp--custom--accion--azul) !important;
    }
    .btn-borrar-generico {
        background: var(--wp--preset--color--base) !important;
        border-color: var(--wp--custom--accion--rojo) !important;
        color: var(--wp--custom--accion--rojo) !important;
    }
    /* Verde (20/08/2026, rediseño completo) — clase nueva para "Restaurar"
       (papelera propia del Scouter): antes reutilizaba ".btn-editar-generico"
       solo por comodidad de estilo, pero "Restaurar" es deshacer un
       borrado, no editar — le corresponde el mismo verde que Crear/Guardar. */
    .btn-restaurar-generico {
        background: var(--wp--preset--color--base) !important;
        border-color: var(--wp--custom--accion--verde) !important;
        color: var(--wp--custom--accion--verde) !important;
    }
}