/* Keep both radar panels visible in the Tesla browser's compact desktop viewport. */
@media (min-width:700px) and (max-width:999px) {
  html[data-compact-page="flight-radar"] .workspace { grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:10px; }
  html[data-compact-page="flight-radar"] .workspace>* { min-width:0; }
  html[data-compact-page="flight-radar"] .radar-card { padding:12px;grid-template-rows:auto minmax(0,1fr) auto!important; }
  html[data-compact-page="flight-radar"] .radar-card .radar-stage { min-height:0!important; }
  html[data-compact-page="flight-radar"] .radar-card .radar-stage .radar { width:100%!important; }
  html[data-compact-page="flight-radar"] .radar-tools { flex-wrap:wrap; }
  html[data-compact-page="flight-radar"] .radar-card>.range-group { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:auto!important; }
  html[data-compact-page="flight-radar"] .range-group button { min-width:0;min-height:44px;padding-inline:2px; }
  html[data-compact-page="flight-radar"] .radar-tools button { min-height:44px;height:auto; }
  html[data-compact-page="flight-radar"] .selected-card #detail:not(.empty) .aircraft-profile { grid-template-columns:96px minmax(0,1fr)!important; }
  html[data-compact-page="flight-radar"] .selected-card #detail:not(.empty) .profile-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}

/* Keep touch controls usable on phones, including short landscape viewports. */
@media(max-width:999px){
 .airport-picker-close{width:44px!important;height:44px!important;flex:0 0 44px}
 .airport-picker-panel{max-height:calc(100dvh - 24px)!important}
 .airport-picker-head,.airport-search{flex-shrink:0}
 .airport-search{min-height:44px;box-sizing:border-box;font-size:16px}
 .airport-picker-list{min-height:0!important;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .radar-card .airport-picker-button,.radar-card .radar-tools>.geo-toggle,#locate,.unit-toggle{min-height:44px!important;height:auto!important}
}
@media(max-width:999px) and (max-height:500px) and (orientation:landscape){
 html,html body{height:auto!important;min-height:100%;overflow-y:auto!important}
 .shell{height:auto!important;min-height:0!important;overflow:visible!important}
 .workspace{height:auto!important;min-height:0!important;flex:none!important;align-items:start!important}
 .radar-card{height:auto!important;min-height:0!important;grid-template-rows:auto auto auto!important;overflow:visible!important}
 .radar-card .radar-stage{height:auto!important;min-height:0!important;aspect-ratio:1!important;display:grid!important;place-items:center}
 .radar-card .radar-stage .radar{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1!important}
 .side{height:auto!important;min-height:0!important}
}