/* V184: viewport-safe layout rules using selectors present in V182 HTML. */
body.v78-atlas :is(#trips,#recommendations,#history,#settings),
body.v78-atlas :is(#trips,#recommendations,#history,#settings) *,
body.v78-atlas :is(#trips,#recommendations,#history,#settings) *::before,
body.v78-atlas :is(#trips,#recommendations,#history,#settings) *::after {box-sizing:border-box}
body.v78-atlas :is(#trips,#recommendations,#history,#settings) :is(.chart-hero,.map-command-bar,.map-slab,.trip-tools-grid,.trip-tool-body,.trip-tool-grid-fields,.playbook-layout,.playbook-column,.recommendation-deck,.plan-context-grid,.catalog-filter-grid,.settings-stack,.account-content,.saved-trip-list,.history-deck,.trip-tool-actions,.ramp-search-row,.catch-fields,.learning-feedback-grid) {min-width:0;max-width:100%}
body.v78-atlas :is(#trips,#recommendations,#history,#settings) :is(p,span,label,strong,small,h1,h2,h3,h4,button,summary,output) {overflow-wrap:anywhere}
body.v78-atlas :is(#trips,#recommendations,#history,#settings) :is(input,select,textarea,button) {max-width:100%;min-width:0}
body.v78-atlas #trips .map-command-bar{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;width:100%!important;height:auto!important;margin-bottom:12px!important;z-index:2!important}
body.v78-atlas #trips #tripMapSlab{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:column!important;gap:0!important;min-width:0!important;max-width:100%!important;overflow:visible!important}
body.v78-atlas #trips #tripMapSlab :is(.trip-map-head,.map-layer-title,.map-layer-controls,.trip-contour-note,.map-legend){position:relative!important;inset:auto!important;transform:none!important;max-width:100%!important}
body.v78-atlas #trips #tripMapSlab .map-layer-controls{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;height:auto!important}
body.v78-atlas #trips #tripMapSlab .map-layer-controls button{width:100%!important;min-height:42px!important;height:auto!important;white-space:normal!important}
body.v78-atlas #trips #tripMapSlab #map{position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;overflow:hidden!important;z-index:0!important}
body.v78-atlas #trips .trip-tools-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.v78-atlas #trips .trip-tools-grid > *{min-width:0!important;max-width:100%!important}
body.v78-atlas #recommendations .premium-plan-layout{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
body.v78-atlas #recommendations .premium-plan-layout > *{min-width:0!important;max-width:100%!important}
body.v78-atlas #history .saved-trip-list > *,body.v78-atlas #history .history-deck > *{min-width:0;max-width:100%}
@media(max-width:1100px){
 body.v78-atlas #recommendations .premium-plan-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.v78-atlas #recommendations .premium-plan-layout > :last-child{grid-column:1/-1!important}
}
@media(max-width:800px){
 body.v78-atlas #trips .trip-tools-grid,body.v78-atlas #recommendations .premium-plan-layout{grid-template-columns:minmax(0,1fr)!important}
 body.v78-atlas #recommendations .premium-plan-layout > :last-child{grid-column:auto!important}
 body.v78-atlas #trips .trip-tool-grid-fields,body.v78-atlas #trips .ramp-search-row,body.v78-atlas #trips .catch-fields,body.v78-atlas #trips .learning-feedback-grid,body.v78-atlas #recommendations .plan-context-grid,body.v78-atlas #recommendations .catalog-filter-grid{grid-template-columns:minmax(0,1fr)!important}
 body.v78-atlas #trips .chart-hero,body.v78-atlas #recommendations .playbook-hero{flex-wrap:wrap!important;gap:10px!important}
 body.v78-atlas #trips .trip-tool-actions,body.v78-atlas #history .saved-trip-toolbar{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
 body.v78-atlas #history .saved-trip-list :is(button,select){max-width:100%!important}
 body.v78-atlas #settings .settings-stack{min-width:0!important}
}
@media(max-width:520px){
 body.v78-atlas #trips #tripMapSlab .map-layer-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.v78-atlas #trips .map-command-bar > *{min-width:0!important;max-width:100%!important}
 body.v78-atlas #trips #tripMapSlab #map{height:340px!important;min-height:340px!important}
 body.v78-atlas #trips .trip-tool-actions > button,body.v78-atlas #trips .ramp-search-row > button{width:100%!important}
 body.v78-atlas #recommendations .strata-move-head{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
 body.v78-atlas #history .saved-trip-list button{min-height:42px!important}
}