#flightPrices { min-width: 0; }
.flight-prices-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.flight-prices-heading h1 { font-size: 26px; margin: 0 0 6px; }
.flight-prices-heading p { margin: 0; }
.flight-prices-tabs { display: flex; gap: 0; border-bottom: 1px solid #293240; margin-bottom: 16px; }
.flight-prices-tabs button { padding: 12px 18px; border: 0; border-bottom: 2px solid transparent; background: none; color: inherit; cursor: pointer; }
.flight-prices-tabs [aria-selected="true"] { border-bottom-color: #2582ff; color: #54a5ff; }
.flight-prices-table-wrap { max-width: 100%; overflow: auto; }
#flightPrices table { border-collapse: collapse; width: 100%; font-size: 13px; }
#flightPrices th, #flightPrices td { padding: 12px; border-bottom: 1px solid #26303d; text-align: left; min-width: 85px; vertical-align: top; }
#flightPrices th { font-weight: 500; }
#flightPrices td:first-child { min-width: 170px; max-width: 250px; overflow-wrap: anywhere; }
#flightPrices td small { display: block; font-size: 11px; margin-top: 5px; color: #96b4c9; }
#flightPrices th button { display: flex; gap: 6px; align-items: center; border: 0; padding: 0; background: transparent; color: inherit; cursor: pointer; text-align: left; }
#flightPrices th button.active { color: #54a5ff; }
#flightPrices button img { height: 16px; width: 16px; flex: 0 0 16px; }
.flight-open { display: inline-block; vertical-align: middle; }
.flight-open img { width: 15px; height: 15px; }
#flightPrices td:nth-child(16), #flightPrices td:nth-child(17), #flightPrices td:nth-child(18) { min-width: 160px; }
#flightPrices td:nth-child(19) { min-width: 180px; }
.flight-details-link { border: none; background: transparent; cursor: pointer; margin-left: 8px; }
.flight-prices-pages { display: flex; gap: 14px; justify-content: center; align-items: center; padding: 18px; }
.flight-prices-pages button { width: 36px; height: 36px; display: grid; place-items: center; }
.flight-price-filter, .flight-price-details { background: #101722; color: #e7edf5; border: 1px solid #354358; border-radius: 8px; padding: 20px; max-height: 85dvh; overflow: auto; }
.flight-price-filter { width: min(380px, calc(100vw - 32px)); }
.flight-price-filter form, .flight-price-filter label { display: grid; gap: 8px; }
.flight-price-filter form { gap: 16px; }
.flight-price-filter h3 { font-size: 16px; margin: 0; }
.flight-price-filter footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.flight-price-filter button { padding: 8px 12px; }
.flight-price-details { width: min(850px, calc(100vw - 32px)); }
.flight-price-details header { display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.flight-price-details h2 { font-size: 20px; margin: 0; }
.flight-price-details header button { width: 32px; height: 32px; }
#templateAirlinesField, #templateFlightPassengers { border: 1px solid #344055; border-radius: 4px; padding: 12px; }
#templateAirlinesField:not(.hidden) { display: flex; gap: 20px; flex-wrap: wrap; }
#templateFlightPassengers:not(.hidden) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
#templateAirlinesField label { display: flex; align-items: center; gap: 6px; }
@media (max-width: 600px) { #templateFlightPassengers:not(.hidden) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .flight-prices-heading h1 { font-size: 22px; } }