/* Trip-only styles match the search result chips without changing search CSS. */
.trip-spec-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-top: 10px; }
.trip-stop .trip-spec-tag { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; box-sizing: border-box; padding: 6px 8px; border: 1px solid color-mix(in srgb, var(--line) 65%, transparent); border-radius: 9px; background: var(--surface-3); color: var(--muted); font-size: 10px; font-weight: 650; line-height: 1.35; }
.trip-spec-tag > span { min-width: 0; overflow-wrap: anywhere; }
.trip-spec-tag .result-icon { color: var(--muted); }
.trip-stop .trip-spec-plug, .trip-stop .trip-spec-ports { background: color-mix(in srgb, #128477 5%, var(--surface)); border-color: color-mix(in srgb, #128477 16%, var(--line)); }
.trip-spec-tag .result-icon-plug, .trip-spec-tag .result-icon-ports { color: #117c71; }
.trip-stop .trip-spec-bolt { background: color-mix(in srgb, #2775cf 5%, var(--surface)); border-color: color-mix(in srgb, #2775cf 16%, var(--line)); }
.trip-spec-tag .result-icon-bolt { color: #246bbb; }
.trip-stop .trip-spec-bolt.highlight { color: #205e9f; background: color-mix(in srgb, #2775cf 10%, var(--surface)); }
.trip-stop .trip-spec-price.price-known { color: #1759a5; background: #edf4fc; border-color: #cbdff2; }
.trip-stop .trip-spec-price.price-free { color: #176948; background: #eaf6ee; border-color: #b8dfcb; }
.trip-stop .trip-spec-price.price-unknown { color: var(--muted); background: var(--surface); border-color: var(--line); }
@media (prefers-color-scheme: dark) {
  .trip-stop .trip-spec-price.price-known { color: #a8ccef; background: #192a3b; border-color: #36516b; }
  .trip-stop .trip-spec-price.price-free { color: #96d9b3; background: #172e23; border-color: #305941; }
}