#mapDialog #flightSearchBtn{display:inline-grid;place-items:center;flex:none;width:36px;min-width:36px;height:36px;min-height:36px;padding:6px;border:1px solid #6d9cbe;border-radius:10px;color:#a5d6ff;background:rgb(17 44 59 / 50%)}
#mapDialog #flightSearchBtn svg{display:block;width:22px;height:22px;pointer-events:none}
#mapDialog #flightSearchBtn[hidden]{display:none!important}
#mapDialog #flightSearchBtn:disabled{opacity:.45;cursor:default}
#mapDialog #flightSearchBtn:active{outline:2px solid #a5d6ff;outline-offset:1px}
#mapDialog #flightSearchBtn:focus-visible{outline:2px solid #a5d6ff;outline-offset:2px}
#mapDialog.mobileDrawerMap #flightSearchBtn{position:absolute;z-index:1010;box-sizing:border-box;display:grid;place-items:center;top:calc(max(10px,env(safe-area-inset-top)) + 264px);left:auto;right:max(10px,env(safe-area-inset-right));margin:0;padding:6px;box-shadow:0 2px 8px #0004}
#mapDialog.mobileDrawerMap #flightSearchBtn::after{content:none}
#mapDialog.mobileDrawerMap:not(.mobileEtaOnMap) #flightSearchBtn{top:calc(max(10px,env(safe-area-inset-top)) + 220px)}
#mapDialog.mobileDrawerMap:is(.mobileFlightOpen,.mobileControlsOpen,.mobileMenuOpen) #flightSearchBtn{visibility:hidden}
#flightSearchDialog{box-sizing:border-box;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;height:fit-content;min-height:0;width:min(360px,calc(var(--flight-search-width,100vw) - 16px));max-height:calc(var(--flight-search-height,100dvh) - 12px);overflow:visible;padding:12px;border:1px solid #6d9cbe;border-radius:12px;background:#102334;color:#eef7ff;box-shadow:0 12px 50px #0009}
#flightSearchDialog::backdrop{background:#0007}
#flightSearchDialog[open]{display:block}
#flightSearchDialog form{display:grid;gap:8px;margin:0}
#flightSearchDialog .flightSearchHeader{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;margin:0;border:0}
#flightSearchDialog h2{font:600 16px/1.25 system-ui;margin:0}
#flightSearchDialog fieldset{display:flex;align-items:center;gap:20px;border:0;padding:0;margin:0;min-width:0}
#flightSearchDialog legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#flightSearchDialog fieldset label{display:flex;align-items:center;gap:6px;font-size:13px;min-height:24px}
#flightSearchDialog input[type=radio]{width:18px;height:18px;margin:0;accent-color:#a5d6ff}
#flightSearchDialog .flightSearchField{position:relative;display:grid;gap:4px;min-width:0;font-size:12px}
#flightSearchDialog .flightSearchInputRow{display:flex;gap:6px;align-items:stretch;min-width:0}
#flightSearchDialog input[type=search]{box-sizing:border-box;flex:1;min-width:0;width:100%;min-height:40px;padding:7px 9px;border:1px solid #7592a9;border-radius:8px;background:#061625;color:white;font-size:16px}
#flightSearchDialog #flightSearchStatus{margin:0;font-size:12px;line-height:1.25;color:#c5d9e9}
#flightSearchDialog #flightSearchStatus:empty{display:none}
#flightSearchDialog button{min-height:40px;padding:7px 12px;border:1px solid #6d9cbe;border-radius:8px;background:#173b52;color:white;font-size:14px}
#flightSearchDialog #flightSearchClose{flex:none;width:28px;min-width:28px;min-height:28px;height:28px;padding:0;background:transparent;font-size:22px;line-height:1}
#flightSearchDialog #flightSearchHistory{position:absolute;z-index:2;left:0;right:0;top:calc(100% + 4px);max-height:180px;overflow:auto;overscroll-behavior:contain;border:1px solid #7592a9;border-radius:8px;background:#102334;box-shadow:0 6px 18px #0008}
#flightSearchDialog #flightSearchHistory[hidden]{display:none}
#flightSearchDialog #flightSearchHistory button{display:block;width:100%;min-height:32px;text-align:left;padding:5px 9px;border:0;border-radius:0;background:transparent}
#flightSearchDialog #flightSearchHistory button:hover,#flightSearchDialog #flightSearchHistory button[aria-selected=true]{background:#24506a}
#flightSearchDialog.flightSearchShort{padding:8px}
#flightSearchDialog.flightSearchShort .flightSearchHeader{position:absolute;top:6px;right:8px}
#flightSearchDialog.flightSearchShort h2,#flightSearchDialog.flightSearchShort .flightSearchField>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#flightSearchDialog.flightSearchShort fieldset{padding-right:34px;min-height:28px}

/* One right-hand mobile stack, with mode first and Search last. */
#mapDialog.mobileDrawerMap{--map-action-step:44px;--map-action-top:max(10px,env(safe-area-inset-top))}
#mapDialog.mobileDrawerMap #trackingModeToolbarBtn{display:flex!important;position:absolute;z-index:1010;top:var(--map-action-top);left:auto;right:max(10px,env(safe-area-inset-right));width:36px;min-width:36px;height:36px;min-height:36px;margin:0;padding:2px;background:rgb(17 44 59 / 50%)}
#mapDialog.mobileDrawerMap #skyCameraBtn{top:calc(var(--map-action-top) + var(--map-action-step))!important}
#mapDialog.mobileDrawerMap #mobileMapRecenter{top:calc(var(--map-action-top) + 2 * var(--map-action-step))!important}
#mapDialog.mobileDrawerMap #concordeFlightBtn{top:calc(var(--map-action-top) + 3 * var(--map-action-step))!important}
#mapDialog.mobileDrawerMap #desktopEtaBtn{top:calc(var(--map-action-top) + 4 * var(--map-action-step))!important}
#mapDialog.mobileDrawerMap #mapPhotoCaptureBtn{top:calc(var(--map-action-top) + 5 * var(--map-action-step))!important}
#mapDialog.mobileDrawerMap #flightTrailBtn{top:calc(var(--map-action-top) + 6 * var(--map-action-step))!important}
#mapDialog.mobileDrawerMap #flightSearchBtn{top:calc(var(--map-action-top) + 7 * var(--map-action-step))!important}
#mapDialog.mobileDrawerMap:is(.mobileFlightOpen,.mobileControlsOpen,.mobileMenuOpen) #trackingModeToolbarBtn{visibility:hidden}
@media(max-height:450px){#mapDialog.mobileDrawerMap{--map-action-step:41px}}