/* ============================================
   ICONOS SVG (lucide)
   ============================================ */

.lucide {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}

/* Iconos de botones del sidebar */
#sidebar button .lucide {
    margin-right: 8px;
    width: 18px;
    height: 18px;
}

/* Icono de tema en la lastbar */
#lastbar-item-tema {
    color: var(--text);
}

#lastbar-item-tema:focus-visible .lucide {
    color: var(--positive);
}

/* Botón de cerrar notificación */
.lucide-x {
    vertical-align: middle;
}

body :is(button, a, [role="button"]):hover,
body select:hover,
#app-footer .item:hover,
body :is(.card-item, .posicion-item, .estrategia-item, .movimiento-item, .meta-item, .favorito-item, .alerta-item, .totales-btn, .posicion-favorito):hover {
    box-shadow: none;
}