.like-itinerary-button.svelte-181zvgu {
    border: 0;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
  }

  .like-itinerary-button.svelte-181zvgu:disabled {
    cursor: progress;
    opacity: 0.6;
  }

  .like-itinerary-button.liked.svelte-181zvgu {
    color: var(--color-fm-red, #d33);
  }

  html.dark .like-itinerary-button.liked.svelte-181zvgu {
    /* Brighter red in dark mode so the liked heart reads on dark panel
       surfaces. Tailwind's red-400 (#f87171) — high contrast on slate
       backgrounds, still acceptable on the bg-white/70 wrapper used in
       the home strip. */
    color: #f87171;
  }

  .like-itinerary-button.svelte-181zvgu .material-symbols-outlined {
    font-size: 28px;
    transition: font-variation-settings 0.2s ease, color 0.15s ease;
  }

  .like-itinerary-button.liked.svelte-181zvgu .material-symbols-outlined {
    font-variation-settings: 'FILL' 1;
  }

  .like-itinerary-error.svelte-181zvgu {
    margin-left: 0.5em;
    color: var(--color-red-700, #b91c1c);
    font-size: 0.875rem;
  }