/* V186 focused color audit fixes: dark-panel text vs light-card text */
/* Use the light accent only for text on dark regions. Light cards use a darker matching shade. */
body.v78-atlas :is(#trips,#recommendations,#myplan,#history,#settings) :is(.trip-move-card,.strata-move-card,.strata-bigger-move,.saved-trip-item,.trip-lure-pick,.trip-qualified-product,.trip-config-grid,.strata-bigger-config,.ramp-provider-note) {
  overflow-wrap:anywhere; min-width:0;
}
body.v78-atlas :is(#trips,#recommendations,#myplan,#history,#settings) :is(.trip-move-card,.strata-move-card,.strata-bigger-move,.saved-trip-item) :is(p,li,small,label){line-height:1.55}
body.v78-atlas :is(#trips,#recommendations,#myplan,#history,#settings) :is(.trip-move-card,.strata-move-card,.strata-bigger-move,.saved-trip-item) small{font-size:.9rem}
/* Explicitly contrast labels on light instruction surfaces; avoid globally overriding dark panels. */
body.v78-atlas :is(#trips,#recommendations,#myplan,#history,#settings) :is(.trip-config-grid,.strata-bigger-config,.ramp-provider-note) > div,
body.v78-atlas :is(#trips,#recommendations,#myplan,#history,#settings) .ramp-provider-note { color:var(--ui-text-dark); }
body.v78-atlas :is(#trips,#recommendations,#myplan,#history,#settings) :is(input,select,textarea){font-size:max(16px,1rem)}
@media(max-width:800px){body.v78-atlas :is(#trips,#recommendations,#myplan,#history,#settings) :is(.trip-move-card,.strata-move-card,.strata-bigger-move,.saved-trip-item){min-width:0;max-width:100%}}