/* DEEC Studio · panel administrativo: acciones como enlace de texto con flecha (móvil y escritorio). Sin caja, borde ni fondo; la flecha es decorativa (no la leen los lectores de pantalla).
   Criterio global: TODOS los botones .btn del panel (#app) y de sus ventanas modales (.mdl, y el modal de filtros móvil .fbm) se muestran como enlace; solo quedan como botón los de la pantalla de acceso
   (fuera de #app) y los controles que no son .btn (paginación, selector de vista, chips, iconos de orden). Las acciones destructivas conservan el color rojo como señal. Los «Cerrar» de los modales
   (.mdl__h) no llevan flecha y «Personalizar panel» (.dpers) es un enlace discreto y pequeño.
   Las medidas propias de cada capa (área táctil de 44 px en móvil, separación entre enlaces en escritorio) viven en admin-mobile.css y admin-desktop.css. */
#app .btn,
.mdl .btn,
.fbm .btn{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;min-height:32px;padding:0 2px;border:0;border-radius:0;background:none;box-shadow:none;color:var(--acc);font-size:14px;font-weight:500;text-align:left;cursor:pointer}
/* admin-color.css da un degradado y una sombra a todo .btn que no sea ghost ni danger: aquí se anulan con la misma condición para ganar en especificidad */
#app .btn:not(.btn--ghost):not(.btn--danger),
.mdl .btn:not(.btn--ghost):not(.btn--danger),
.fbm .btn:not(.btn--ghost):not(.btn--danger),
#app .btn:not(.btn--ghost):not(.btn--danger):hover,
.mdl .btn:not(.btn--ghost):not(.btn--danger):hover,
.fbm .btn:not(.btn--ghost):not(.btn--danger):hover{background:none;box-shadow:none}
#app .btn::after,
.mdl .btn::after,
.fbm .btn::after{content:"";flex:none;width:7px;height:7px;margin-left:1px;border:solid currentColor;border-width:1.7px 1.7px 0 0;transform:rotate(45deg);transition:transform .15s}
#app .btn:hover,#app .btn:active,
.mdl .btn:hover,.mdl .btn:active,
.fbm .btn:hover,.fbm .btn:active{background:none;border-color:transparent;color:var(--acc-hover)}
#app .btn:hover::after,#app .btn:active::after,
.mdl .btn:hover::after,.mdl .btn:active::after,
.fbm .btn:hover::after,.fbm .btn:active::after{transform:translateX(2px) rotate(45deg)}
/* Acciones destructivas: mismo estilo, en rojo */
#app .btn--danger,.mdl .btn--danger,.fbm .btn--danger{color:var(--bad)}
#app .btn--danger:hover,#app .btn--danger:active,.mdl .btn--danger:hover,.mdl .btn--danger:active,.fbm .btn--danger:hover,.fbm .btn--danger:active{color:#991B1B}
/* Cerrar de los modales: sin flecha; «Personalizar panel»: enlace discreto, pequeño y sin flecha */
.mdl__h .btn::after,#app .btn.dpers::after,#app .btn[data-ag=yprev]::after,#app .btn[data-ag=ynext]::after{display:none}
#app .btn[data-ag=yprev],#app .btn[data-ag=ynext]{min-width:32px;justify-content:center;font-size:18px}
#app .btn.dpers{min-height:28px;font-size:13px;font-weight:400;color:var(--muted)}
#app .btn.dpers:hover{color:var(--acc)}