/* Approved trips-filter-header.html geometry; only header/pagination selectors. */

.portal-trips-header{--tf-bg:var(--cargo-bg);--tf-panel:var(--cargo-paper);--tf-ink:var(--cargo-ink);--tf-muted:var(--cargo-stone);--tf-line:var(--cargo-line);--tf-accent:var(--cargo-orange);--tf-selected:var(--cargo-tint);--tf-warning:var(--cargo-tint);--tf-warning-ink:var(--cargo-ink);--tf-control-height:38px;background:var(--tf-bg);color:var(--cargo-ink);padding:0;border-radius:0;font:14px/1.4 Arial,Helvetica,sans-serif;width:100%;box-sizing:border-box}
.portal-trips-header *{box-sizing:border-box}.portal-trips-header [hidden]{display:none!important}.portal-trips-header button,.portal-trips-header input,.portal-trips-header select{font:inherit;color:inherit}.portal-trips-header button{border:0}.portal-trips-header h1,.portal-trips-header p{margin:0}.portal-trips-header h1{font-size:25px;line-height:1.2;font-weight:600}.portal-trips-header .page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.portal-trips-header .subtitle{font-size:12px;color:var(--cargo-stone);display:block;margin-top:4px}.portal-trips-header .timezone{font-size:12px;color:var(--cargo-stone);white-space:nowrap}
.portal-trips-header .search-box{display:flex;gap:10px;align-items:center;padding:0 12px;background:var(--tf-panel);border:1px solid var(--tf-line);border-radius:7px;min-height:42px}.portal-trips-header .search-box>svg{color:var(--cargo-stone);flex-shrink:0}.portal-trips-header .search-box input{width:100%;min-width:0;border:0;background:transparent;padding:11px 0;font-size:13px}.portal-trips-header input::placeholder{color:var(--cargo-stone)}
.portal-trips-header .filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-top:12px}.portal-trips-header .field-label{display:block;font-size:11px;color:var(--cargo-stone);margin-bottom:5px}.portal-trips-header .status-field{position:relative;flex:1 1 205px;min-width:0}.portal-trips-header .control{display:flex;align-items:center;gap:7px;background:var(--tf-panel);border:1px solid var(--tf-line);border-radius:6px;min-height:var(--tf-control-height);padding:8px 10px;font-size:12px}.portal-trips-header .status-trigger{width:100%}.portal-trips-header .status-caption{flex:1;text-align:left}.portal-trips-header .appointment-field{margin:0;padding:0;border:0;min-width:0}.portal-trips-header .segments{display:flex;gap:2px;border:1px solid var(--tf-line);background:var(--tf-panel);padding:3px;border-radius:6px;min-height:var(--tf-control-height)}.portal-trips-header .segments button{background:transparent;border-radius:4px;padding:5px 9px;font-size:12px;white-space:nowrap}.portal-trips-header .segments button[aria-pressed=true]{background:var(--tf-selected);color:var(--cargo-ink)}
.portal-trips-header .scheduled-toggle{display:flex;align-items:center;gap:7px;font-size:12px;min-height:var(--tf-control-height);position:relative;white-space:nowrap}.portal-trips-header .scheduled-toggle input{position:absolute;left:0;top:0;width:32px;height:100%;margin:0;opacity:0}.portal-trips-header .switch-track{width:30px;height:18px;border-radius:10px;background:var(--cargo-sand);position:relative;flex-shrink:0}.portal-trips-header .switch-track:after{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--cargo-paper)}.portal-trips-header .scheduled-toggle input:checked+.switch-track{background:var(--cargo-orange)}.portal-trips-header .scheduled-toggle input:checked+.switch-track:after{transform:translateX(12px)}.portal-trips-header .scheduled-toggle input:focus-visible+.switch-track{outline:2px solid var(--cargo-orange);outline-offset:3px}
.portal-trips-header .status-options{position:absolute;left:0;top:100%;margin-top:5px;z-index:5;background:var(--tf-panel);border:1px solid var(--tf-line);border-radius:8px;padding:12px;width:265px;max-width:calc(100vw - 65px);box-shadow:0 6px 20px rgb(37 36 34 / 0.0941)}.portal-trips-header .options-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:12px}.portal-trips-header .status-options label{display:flex;align-items:center;gap:9px;padding:8px 0;font-size:12px}.portal-trips-header input[type=checkbox]{accent-color:var(--cargo-orange)}.portal-trips-header .status-done{margin-top:5px;margin-left:auto}
.portal-trips-header .text-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 5px;background:transparent;color:var(--cargo-ink);font-size:12px;border-radius:4px}.portal-trips-header .text-action:hover{background:var(--tf-selected)}.portal-trips-header .active-filters{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.portal-trips-header .filter-chip{background:var(--tf-selected);color:var(--cargo-ink);padding:4px 7px;border-radius:4px;font-size:11px;display:flex;gap:6px;align-items:center}
.portal-trips-header .source-notice{display:flex;align-items:center;gap:7px;background:var(--tf-warning);color:var(--cargo-ink);padding:7px 10px;border-radius:6px;margin-top:14px;font-size:12px;flex-wrap:wrap}.portal-trips-header .source-notice>span{flex:1}.portal-trips-header .source-notice .text-action{color:var(--cargo-ink)}.portal-trips-header .source-details{padding:9px 10px;background:var(--tf-panel);font-size:12px;color:var(--cargo-stone);border:1px solid var(--tf-line);border-radius:0 0 6px 6px}.portal-trips-header .results-line{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;color:var(--cargo-stone);font-size:12px}

.portal-trips-header .pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:13px;font-size:11px;color:var(--cargo-stone)}.portal-trips-header .pagination>div{display:flex;align-items:center;gap:7px}.portal-trips-header .pagination select{border:1px solid var(--cargo-control);background:var(--tf-panel);border-radius:4px;padding:4px;font-size:11px}.portal-trips-header .page-button{background:transparent;padding:4px;color:var(--cargo-stone);opacity:.4}.portal-trips-header .demo-feedback{font-size:12px;color:var(--cargo-stone);margin-top:10px}
@media(max-width:580px){.portal-trips-header{padding:0}.portal-trips-header .status-field{flex-basis:100%}.portal-trips-header .appointment-field{flex:1 1 100%}.portal-trips-header .segments button{flex:1}.portal-trips-header .scheduled-toggle{min-height:32px}.portal-trips-header .table-heading{display:none}.portal-trips-header .trip-row{grid-template-columns:1fr auto;gap:8px}.portal-trips-header .trip-main{grid-column:1/-1}.portal-trips-header .trip-row .appointment-value{text-align:right}.portal-trips-header .source-secondary{display:none}.portal-trips-header .timezone{font-size:11px}.portal-trips-header .search-box input{font-size:12px}.portal-trips-header .pagination{align-items:flex-start}.portal-trips-header .pagination>div{flex-wrap:wrap}}
@media(pointer:coarse){.portal-trips-header .segments button,.portal-trips-header .control,.portal-trips-header .text-action,.portal-trips-header .scheduled-toggle,.portal-trips-header .primary-action{min-height:44px}.portal-trips-header .search-box input{font-size:16px}.portal-trips-header .status-options label{min-height:44px}}
.portal-trips-header .switch-track{pointer-events:none}

/* Pagination stays below the unchanged full operational table. */
.portal-trips-header [hidden]{display:none!important}.portal-trips-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:13px;font-size:11px;color:var(--cargo-stone)}.portal-trips-pagination>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.portal-trips-pagination label{display:flex;align-items:center;gap:7px}.portal-trips-pagination select{border:1px solid var(--cargo-control);background:var(--cargo-paper);border-radius:4px;padding:4px;font-size:11px}.portal-trips-pagination button{border:0;background:transparent;padding:4px;color:inherit;min-width:28px;min-height:28px}.portal-trips-pagination button:disabled{opacity:1}.portal-trips-header .source-notice[data-state=complete],.portal-trips-header .source-notice[data-state=loading],.portal-trips-header .source-notice[data-state=not-loaded]{background:transparent;color:var(--cargo-ink)}.portal-trips-header .source-notice[data-state=complete] .text-action,.portal-trips-header .source-notice[data-state=loading] .text-action,.portal-trips-header .source-notice[data-state=not-loaded] .text-action{color:var(--cargo-ink)}.portal-trips-header .scheduled-toggle input{cursor:pointer}.portal-trips-header button:focus-visible,.portal-trips-header input:focus-visible,.portal-trips-pagination button:focus-visible{outline:3px solid var(--cargo-orange);outline-offset:2px}.portal-trips-header .search-box input:focus-visible{outline-offset:0}.portal-trips-header h1{margin:0;font-size:25px;line-height:1.2;font-weight:600}.portal-trips-header .search-box input{box-shadow:none}.portal-trips-header .status-done{margin-left:auto}.portal-trips-header .status-options{max-width:min(265px,calc(100vw - 48px));box-sizing:border-box}.portal-trips-header .status-options label{display:flex;align-items:center;gap:9px;padding:8px 0;font-size:12px}.portal-trips-header .status-options input{flex-shrink:0}.portal-trips-header .source-notice .text-action{flex-shrink:0}@media(pointer:coarse){.portal-trips-pagination button,.portal-trips-pagination select{min-height:44px;min-width:44px}}

.cargo-portal .portal-content .portal-trips-header h1{font-size:25px;font-weight:600;line-height:1.2;margin:0}

.portal-trips-table .portal-trip-label-copy{display:grid;gap:3px}.portal-trips-table .portal-operational-state{font-size:11px;color:var(--cargo-stone)}.portal-trips-table .portal-operational-state[data-operational-state=partial],.portal-trips-table .portal-operational-state[data-operational-state=error]{color:var(--cargo-ink)}

/* Native form labels are stacked; these approved header controls are inline rows. */
.cargo-portal .portal-content .portal-trips-header label.scheduled-toggle{display:flex;flex-direction:row;align-items:center;gap:7px}
.cargo-portal .portal-content .portal-trips-header .status-options label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;padding:8px 0}
.cargo-portal .portal-content .portal-trips-header .status-options input[type=checkbox]{width:13px;height:13px;padding:0;margin:0;flex:0 0 13px}
.cargo-portal .portal-content .portal-trips-pagination label{display:flex;flex-direction:row;align-items:center;gap:7px}
/* Reset the native40px button floor only within the approved compact controls. */
.portal-trips-header .segments button,.portal-trips-header .text-action,.portal-trips-header .filter-chip,.portal-trips-header .primary-action{min-height:0;font-weight:400}
.cargo-portal .portal-content .portal-trips-header .status-options input[type=checkbox]{min-height:13px;min-width:13px}
.cargo-portal .portal-content .portal-trips-header label,.cargo-portal .portal-content .portal-trips-pagination label{font-weight:400}
.portal-trips-pagination select{min-height:26px}
@media(pointer:coarse){.portal-trips-header .segments button,.portal-trips-header .text-action,.portal-trips-header .primary-action{min-height:44px}.portal-trips-pagination select{min-height:44px}}
.cargo-portal .portal-content .portal-trips-header .status-options input[type=checkbox]{margin:3px 3px 3px 4px}

/* Source time is ordinary catalogue information; coverage remains separate. */
.portal-trips-header .source-freshness{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;max-width:65%;font-size:11px;color:var(--cargo-stone);text-align:right}
.portal-trips-header .source-freshness .text-action{color:var(--cargo-stone);white-space:nowrap}
.portal-trips-header .source-freshness button:disabled{opacity:1;cursor:wait}
@media(max-width:580px){.portal-trips-header .source-freshness{max-width:60%;gap:2px 8px}.portal-trips-header .page-heading{align-items:flex-start}}
/* Source observations are quiet; action failures stay beside their existing retry. */
.portal-trips-header .source-action-error{flex-basis:100%;font-size:11px;line-height:1.35;color:var(--cargo-ink)}
.portal-view .portal-inline-note{margin:8px 0;color:var(--cargo-stone);font-size:12px}

/* Approved Bundle selection toolbar; existing table and confirmation stay unchanged. */
.portal-trips-header .selection-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--cargo-line) 22%,var(--cargo-line));border-radius:8px;background:var(--cargo-soft);margin-bottom:18px;color:var(--cargo-ink);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.portal-trips-header .selection-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.portal-trips-header .selection-summary strong{font-weight:650;white-space:nowrap}
.portal-trips-header .selection-clear{border:0;background:transparent;color:var(--cargo-ink);padding:7px 2px;font-size:13px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;font-weight:400}
.portal-trips-header .selection-clear:hover{text-decoration-color:currentColor}
.portal-trips-header .bundle-action{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--cargo-orange);color:var(--cargo-ink);border:1px solid transparent;border-radius:7px;padding:11px 18px;min-height:44px;font-weight:650;white-space:nowrap;box-shadow:0 2px 3px rgb(37 36 34 / 0.0706)}
.portal-trips-header .bundle-action svg{width:18px;height:18px;flex-shrink:0}
.portal-trips-header .bundle-action:hover:not(:disabled){filter:brightness(.94);background:color-mix(in srgb,var(--cargo-orange) 85%,var(--cargo-paper))}
.portal-trips-header .bundle-action:disabled{opacity:1;cursor:default;box-shadow:none}
@media(max-width:500px){.portal-trips-header .selection-actions{flex-wrap:wrap;padding:12px;gap:10px}.portal-trips-header .selection-summary{width:100%;justify-content:space-between}.portal-trips-header .bundle-action{width:100%}}
/* Readable neutral colors for existing disabled controls. */
.portal-trips-header button:disabled{color:var(--cargo-stone);background:var(--cargo-soft);border-color:var(--cargo-control)}

/* One context action stays above the existing frozen grid heading. */
.portal-trips-header.portal-trips-selection{position:sticky;top:0;z-index:6;padding:8px 0;background:var(--tf-bg)}
.portal-trips-selection .selection-actions{margin:0;flex-wrap:wrap;gap:8px 16px}
.portal-trips-selection .bundle-selection-note{flex-basis:100%;font-size:12px;color:var(--cargo-stone)}
.portal-trips-header .source-freshness .text-action:enabled{background:var(--cargo-orange);border-color:var(--cargo-orange);color:var(--cargo-ink)}
.portal-trips-header .source-freshness .text-action:enabled:hover{background:color-mix(in srgb,var(--cargo-orange) 85%,var(--cargo-paper))}