/* Regression guard: action icons must remain visible even when the optional
   JavaScript icon-polish layer is delayed or unavailable. Earlier rules hid
   every SVG inside Save/Share controls and accidentally hid the replacement
   SVGs too. */
.app-route-detail .app-listing-actions [data-share-listing] svg,
.app-route-detail .app-listing-actions [data-watch-button] svg,
.app-listing-card .watch-button svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.app-listing-card .watch-button.is-saved svg path,
.app-route-detail .app-listing-actions [data-watch-button].is-saved svg path,
.app-route-detail .app-listing-actions [data-watch-button][aria-pressed="true"] svg path {
    fill: currentColor;
}

.app-listing-card .watch-button [data-fx-heart-icon],
.app-route-detail .app-listing-actions [data-watch-button] [data-fx-heart-icon] {
    display: block !important;
}
