/* Shared AppShell/Web: contextual filters and an inline editor, without a second panel. */
.popular-scope-filters {flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #d9e4de;background:#fcfaf5;}
.popular-scope-filters button,.popular-scope-filters select {box-sizing:border-box;min-height:48px;max-width:100%;border:1px solid #c9d9d5;border-radius:12px;background:#fff;color:#183e47;padding:8px 12px;font:600 16px/1.4 system-ui;}
.popular-scope-filters button {flex:1 1 110px;cursor:pointer;}
.popular-scope-filters label {flex:2 1 160px;min-width:0;}
.popular-scope-filters label>span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.popular-scope-filters select {width:100%;}
.popular-scope-filters__status {flex-basis:100%;font-size:14px;color:#52676c;}
.popular-scope-filters__status:empty {display:none;}
.popular-scope-filters [hidden] {display:none!important;}
.workspace-trip-detail__info-open {display:none!important;}

/* Bounded editor: summary rows never move or disappear during editing. */
dialog.trip-info-editor {
 box-sizing:border-box;position:fixed;inset:calc(var(--mobile-visible-top,0px) + var(--app-safe-top,env(safe-area-inset-top,0px)) + 16px) 0 auto;
 width:min(480px,calc(100% - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 32px));
 max-width:none;max-height:calc(var(--mobile-visible-height,100dvh) - var(--app-safe-top,env(safe-area-inset-top,0px)) - env(safe-area-inset-bottom,0px) - 32px);
 margin:0 auto;padding:0;border:1px solid #c9d9d5;border-radius:20px;background:#fcfaf5;color:#183e47;overflow:auto;overscroll-behavior:contain;
 font:400 16px/1.5 system-ui;box-shadow:0 16px 48px #183e4733;
}
dialog.trip-info-editor::backdrop {background:#183e4766;}
dialog.trip-info-editor [data-workspace-trip-info-form] {display:block;position:static;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:16px;border:0;border-radius:0;background:transparent;box-shadow:none;}
dialog.trip-info-editor [data-workspace-trip-info-heading] {display:block;font-size:20px;line-height:1.4;margin:0 0 16px;outline:none;}
dialog.trip-info-editor label {display:block;min-width:0;max-width:100%;margin:0 0 12px;font-weight:500;}
dialog.trip-info-editor label>span {display:block;font-size:14px;margin-bottom:4px;}
dialog.trip-info-editor input {box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;height:48px;padding:10px 12px;font:400 16px/1.4 system-ui;border:1px solid #b7c8c4;border-radius:12px;background:#fff;color:#183e47;}
dialog.trip-info-editor input[type=date] {appearance:none;-webkit-appearance:none;}
dialog.trip-info-editor .workspace-trip-detail__edit-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
dialog.trip-info-editor .workspace-trip-detail__edit-pair.is-single-field {grid-template-columns:minmax(0,1fr);}
dialog.trip-info-editor p {font-size:14px;margin:4px 0 12px;color:#52676c;}
dialog.trip-info-editor p:empty {display:none;}
dialog.trip-info-editor .workspace-trip-detail__picker-actions {display:flex;gap:8px;margin-top:16px;}
dialog.trip-info-editor button {position:static;width:auto;min-height:48px;flex:1;padding:10px 12px;border:1px solid #b7c8c4;border-radius:12px;background:#fff;color:#183e47;font:600 16px/1.4 system-ui;}
dialog.trip-info-editor button[type=submit] {background:#1c6370;border-color:#1c6370;color:#fff;}
dialog.trip-info-editor :is(input,button):focus-visible {outline:2px solid #1c6370;outline-offset:2px;}
dialog.trip-info-editor [hidden] {display:none!important;}
@media(max-width:359px) {dialog.trip-info-editor .workspace-trip-detail__edit-pair {grid-template-columns:minmax(0,1fr);}}

dialog.trip-info-editor [data-workspace-trip-info-heading] {padding-right:48px;min-height:32px;}
dialog.trip-info-editor button.trip-info-editor__close {position:absolute;top:8px;right:8px;width:48px;height:48px;min-height:48px;padding:0;border:0;border-radius:50%;background:transparent;font-size:28px;font-weight:400;line-height:1;}

/* Keep dismissal reachable while the short viewport scrolls around the keyboard. */
dialog.trip-info-editor button.trip-info-editor__close {position:sticky;top:8px;right:auto;float:right;margin:-8px -8px 0 0;z-index:3;background:#fcfaf5;}
dialog.trip-info-editor [data-workspace-trip-info-heading] {position:sticky;top:0;z-index:2;background:#fcfaf5;}
dialog.trip-info-editor .workspace-trip-detail__picker-actions {position:sticky;bottom:0;padding:8px 0 0;background:#fcfaf5;}