/* Compact mode chooser lives INSIDE the existing title/header row, never above it. */
.tc-mode-switch,
.tc-mobile-mode-switch {
  display:inline-flex; width:auto; flex:0 0 auto; gap:3px; align-items:center;
  margin:0; min-width:0; white-space:nowrap;
}
.tc-mobile-mode-switch { display:none; }
.tc-mode-label { font-size:.69rem; font-weight:700; opacity:.82; margin-right:2px; }
.tc-mode-tab {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:24px; padding:3px 7px; border-radius:6px; white-space:nowrap; cursor:pointer;
  border:1px solid rgba(132,157,173,.48); color:var(--fg-color);
  background:rgba(120,143,160,.09); font-size:.68rem; font-weight:700; line-height:1;
}
.tc-mode-tab.is-selected { background:rgba(46,152,90,.24); border-color:#40b479; color:#88f5b9; }
.tc-mode-tab:focus-visible,.tc-easy-start:focus-visible,.tc-easy-inline-btn:focus-visible,.tc-easy-clear-all:focus-visible,.tc-easy-viz-btn:focus-visible { outline:3px solid #85b9f5; outline-offset:2px; }
[data-theme="light"] .tc-mode-tab.is-selected { background:#d7f1e0; color:#135b32; }

@media (min-width:721px) {
  .container > header { position:relative; }
  .container > header .tc-mode-switch { position:absolute; top:-48px; right:0; }
}
@media (max-width:720px) {
  .container > header { display:flex !important; flex-flow:row nowrap !important; align-items:center !important; gap:4px !important; }
  .container > header h1 { width:auto !important; flex:1 1 0; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .container > header #trackerTitle { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .container > header .tc-mode-switch { display:none !important; }
  .tc-mobile-mode-switch { display:inline-flex; gap:2px; margin-left:auto; }
  .tc-mobile-mode-switch .tc-mode-label { font-size:.62rem; margin-right:0; }
  .tc-mobile-mode-switch .tc-mode-tab { min-height:24px; padding:3px 5px; font-size:.62rem; }
}
@media (max-width:370px) {
  .tc-mobile-mode-switch .tc-mode-tab { padding:2px 4px; font-size:.6rem; }
}

#tcEasyPanel[hidden], #tcEasyAlerts[hidden] { display:none !important; }
.tc-easy-panel { padding:min(8vh,48px) 14px 22px; min-height:360px; text-align:center; }
.tc-easy-centre { max-width:680px; margin:0 auto; }
.tc-easy-viz-row { display:none; }
.tc-easy-viz-btn {
  display:inline-flex; align-items:center; justify-content:center;
  padding:.44rem .82rem; border-radius:999px; border:1px solid rgba(88,170,255,.55);
  background:linear-gradient(180deg,#2f81db,#2058a8); color:#fff; font-size:.72rem; font-weight:800; letter-spacing:.04em;
}
#tcEasyHeaderVizBtn { display:none; }
html[data-tc-ui-mode="easy"] #tcEasyHeaderVizBtn { display:inline-flex; }
@media (max-width:720px) { html[data-tc-ui-mode="easy"] #tcEasyHeaderVizBtn { display:none !important; } }
.tc-easy-orb { width:94px; height:94px; margin:0 auto 1rem; border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#254f51,#132a32 72%);
  border:2px solid #2b9475; display:grid; place-items:center;
  box-shadow:0 0 0 6px rgba(40,151,107,.07); color:#94f2bb; position:relative;
}
.tc-easy-orb span { display:block; font-size:2.3rem; transform:rotate(-22deg); }
.tc-easy-panel.is-watching .tc-easy-orb::after { content:""; position:absolute; inset:-12px; border:2px solid rgba(56,178,122,.7); border-radius:50%; animation:tc-easy-pulse 2.2s ease-out infinite; }
.tc-easy-panel h2 { font-size:clamp(1.25rem,3.8vw,1.7rem); line-height:1.25; margin:0 0 .55rem; }
.tc-easy-copy { font-size:.96rem; line-height:1.55; margin:0 auto 1.1rem; max-width:490px; }
.tc-easy-start { padding:1.1rem 1.7rem; min-width:230px; border:1px solid #2b8552; border-radius:14px;
  background:linear-gradient(180deg,#32b66e,#178345); color:white; font-weight:800; font-size:1.04rem;
  box-shadow:0 5px 20px rgba(18,117,62,.20); cursor:pointer; }
.tc-easy-start:hover { filter:brightness(1.08); }
.tc-easy-panel.is-watching .tc-easy-start { background:linear-gradient(180deg,#257e50,#155f3c) !important; }
.tc-easy-defaults, .tc-easy-next { font-size:.75rem; line-height:1.5; color:var(--fg-color); opacity:.77; margin:.9rem auto 0; }
.tc-easy-next { margin-top:.4rem; min-height:1rem; }
.tc-easy-alerts { max-width:860px; margin:1.35rem auto; display:grid; gap:.7rem; text-align:left; }
.tc-easy-alert-toolbar { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.tc-easy-alert-toolbar-label { font-size:.84rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:#d9bd55; }
.tc-easy-clear-all, .tc-easy-inline-btn {
  display:inline-flex; align-items:center; justify-content:center; min-height:30px;
  padding:.34rem .7rem; border-radius:999px; border:1px solid rgba(203,171,68,.7);
  background:rgba(18,28,37,.64); color:#f2e09d; font-size:.72rem; font-weight:800;
}
.tc-easy-result {
  border:2px solid #d4c06b; background:linear-gradient(180deg,rgba(210,193,105,.88),rgba(187,169,80,.88));
  color:#111820; padding:.85rem .95rem; border-radius:16px; display:block; overflow:hidden;
  box-shadow:0 10px 22px rgba(0,0,0,.14);
}
.tc-easy-result-top { display:flex; gap:.75rem; align-items:flex-start; }
.tc-easy-plane-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.42); font-size:1.3rem; }
.tc-easy-result-body { min-width:0; flex:1 1 auto; }
.tc-easy-result-title { display:flex; align-items:center; flex-wrap:wrap; gap:.14rem .18rem; font-size:1.24rem; line-height:1.1; font-weight:900; }
.tc-easy-code { color:#175ac9; }
.tc-easy-number { color:#c71e1e; }
.tc-easy-target {
  display:inline-flex; align-items:center; justify-content:center; margin-left:.32rem; padding:.15rem .52rem;
  border-radius:999px; background:rgba(255,245,184,.95); color:#131313; font-size:.76rem; font-weight:900; text-transform:uppercase;
}
.tc-easy-result-message { margin-top:.28rem; font-size:1rem; font-weight:800; color:#111; }
.tc-easy-result-meta { margin-top:.3rem; font-size:.89rem; line-height:1.45; color:#1f2f41; }
.tc-easy-result-actions { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.55rem; }
.tc-easy-safety { max-width:440px; margin:2.2rem auto 0; font-size:.72rem; line-height:1.4; opacity:.7; }
@keyframes tc-easy-pulse { from {transform:scale(.84);opacity:.9;} to {transform:scale(1.27);opacity:0;} }
@media (prefers-reduced-motion:reduce) { .tc-easy-panel.is-watching .tc-easy-orb::after { animation:none; } }
@media (max-width:720px) {
  .tc-easy-panel { min-height:320px; padding:34px 12px 20px; }
  .tc-easy-orb { width:76px; height:76px; }
  .tc-easy-start { min-width:min(240px,95%); }
  .tc-easy-viz-row { display:none; }
  .tc-easy-alerts { max-width:100%; }
  .tc-easy-result-top { gap:.58rem; }
  .tc-easy-result-title { font-size:1.08rem; }
}

/* Hidden Manual content continues to update normally, preserving its detectors and alerts. */
html[data-tc-ui-mode="easy"] #weeklyPhotoBanner,
html[data-tc-ui-mode="easy"] .container > :is(
  .tracker-subtitle, .transit-status-wrap, #funPlanePopup, #aircraftFeedTestPanel,
  #transitLogHomeAnchor, #transitLogContainer, #dataSourceToggle, #boostedVisualPanel,
  #locationModeToggle, #locationPlannerPanel, #planeWatchControls, #detectionMarginSection,
  #boostedStatusPanel, #locationInfo, #advancedSettingsSection, .mobile-bottom-info,
  .mobile-bottom-disclaimer, .site-value-section
) { display:none !important; }
html[data-tc-ui-mode="easy"] .container > #locationModeToggle + .data { display:none !important; }

#tcEasyHeaderTitle { display:none; }
html[data-tc-ui-mode="easy"] #trackerTitle { display:none !important; }
html[data-tc-ui-mode="easy"] #tcEasyHeaderTitle { display:inline !important; }
html[data-tc-ui-mode="easy"] header .top-nav-actions > :is(.header-link, .donate-btn) { display:none !important; }
html[data-tc-ui-mode="easy"] header .mobile-top-utility-actions,
html[data-tc-ui-mode="easy"] header #muteToggleBtn,
html[data-tc-ui-mode="easy"] header #testSoundBtn,
html[data-tc-ui-mode="easy"] header #themeToggle { display:none !important; }
@media (max-width:720px) {
  html[data-tc-ui-mode="easy"] header .top-nav-actions,
  html[data-tc-ui-mode="easy"] header .top-nav-actions .nav-btn { display:none !important; }
}
#tcEasyStart.tc-easy-start {
  background:linear-gradient(180deg,#32b66e,#178345) !important;
  border:1px solid #2b8552 !important; color:#fff !important;
}
#tcEasyPanel.is-paused #tcEasyStart.tc-easy-start { background:linear-gradient(180deg,#a73c44,#7a222b) !important; border-color:#d86a72 !important; }
#tcEasyPanel.is-paused #tcEasyHeading { color:#f1a5a9; }
#tcEasyPanel.is-paused .tc-easy-orb { border-color:#ab5360; box-shadow:0 0 0 6px rgba(177,68,82,.08); }

/* Mobile: keep the exact header height and place mode buttons where the old boosted/help row lived. */
@media (max-width:720px) {
  .boosted-secondary-row .boosted-mode-secondary,
  .boosted-secondary-row .boosted-help-details { display:none !important; }
  .boosted-secondary-row { justify-content:flex-end !important; }
  .detection-margin-card .boosted-secondary-row { height:32px !important; }
  .detection-margin-card .tc-mobile-mode-switch { height:32px !important; }
  .detection-margin-card .tc-mobile-mode-switch .tc-mode-tab { min-height:28px !important; }
  #weeklyPhotoTitle {
    display:block !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;
    -webkit-line-clamp:unset !important; line-clamp:unset !important; font-size:.78rem !important;
  }
}

/* V4 — compact cards move into the main Easy Mode observation area. */
#tcEasyPanel.has-alerts .tc-easy-orb { display:none !important; }
#tcEasyPanel .tc-easy-alerts { margin:.65rem auto 1.05rem; max-width:680px; gap:.45rem; }
#tcEasyPanel .tc-easy-result { padding:.58rem .8rem; border-radius:12px; text-align:left; }
#tcEasyPanel .tc-easy-result-title { display:flex; flex-wrap:nowrap; white-space:nowrap; overflow:hidden; min-width:0; font-size:1.05rem; line-height:1.25; }
#tcEasyPanel .tc-easy-result-title .tc-easy-code,
#tcEasyPanel .tc-easy-result-title .tc-easy-number { flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; }
#tcEasyPanel .tc-easy-target { flex-shrink:0; font-size:.67rem; }
#tcEasyPanel .tc-easy-result-message,
#tcEasyPanel .tc-easy-result-meta { display:block; margin-top:.17rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.28; }
#tcEasyPanel .tc-easy-result-message { font-size:.86rem; }
#tcEasyPanel .tc-easy-result-meta { font-size:.76rem; }
#tcEasyPanel .tc-easy-alert-toolbar { margin-bottom:.16rem; }

/* Make only the selected mode bright/filled; the other is visibly hollow. */
.tc-mode-switch .tc-mode-tab,
.tc-mobile-mode-switch .tc-mode-tab {
  background:transparent !important; color:#9aaebe !important;
  border:1px solid rgba(133,158,179,.48) !important;
  box-shadow:none !important;
}
.tc-mode-switch .tc-mode-tab.is-selected,
.tc-mobile-mode-switch .tc-mode-tab.is-selected {
  color:#a0f8c8 !important; background:#176a48 !important;
  border-color:#4bdb91 !important; box-shadow:inset 0 0 0 1px rgba(110,248,171,.15) !important;
}
[data-theme="light"] .tc-mode-switch .tc-mode-tab.is-selected,
[data-theme="light"] .tc-mobile-mode-switch .tc-mode-tab.is-selected { color:#093f2c !important; background:#c8eedb !important; }

/* Desktop: move mode chooser down a few pixels without altering row height. */
@media (min-width:721px) {
  .container > header .tc-mode-switch { top:-40px; }
}

/* Keep mobile manual mode controls where they are; Easy mode has its return
   switch in the pre-existing header row because the detector card is hidden. */
@media (max-width:720px) {
  html[data-tc-ui-mode="easy"] .container > header .tc-mode-switch {
    display:inline-flex !important; position:static !important;
    flex:0 0 auto !important; margin:0 !important; gap:2px;
  }
  html[data-tc-ui-mode="manual"] .container > header .tc-mode-switch { display:none !important; }
  html[data-tc-ui-mode="easy"] .container > header h1 {
    flex:1 1 auto !important; width:auto !important; white-space:nowrap !important;
    overflow:hidden !important; min-width:0 !important; font-size:clamp(1rem,4.4vw,1.4rem) !important;
  }
  html[data-tc-ui-mode="easy"] #tcEasyHeaderTitle { font-size:inherit; white-space:nowrap; }
  html[data-tc-ui-mode="easy"] .container > header { flex-wrap:nowrap !important; }
  html[data-tc-ui-mode="easy"] .container > header .tc-mode-label { font-size:.6rem; }
  html[data-tc-ui-mode="easy"] .container > header .tc-mode-tab { padding:2px 5px; min-height:24px; font-size:.62rem; }
}
@media (max-width:350px) {
  html[data-tc-ui-mode="easy"] .container > header .tc-mode-label { display:none; }
  html[data-tc-ui-mode="easy"] .container > header .tc-mode-tab { padding:2px 3px; }
}

/* The existing 3D Split View narrows the app to 30% of the desktop screen.
   Keep the Easy Mode interface usable in that narrow pane without touching
   the original 3D engine or its live aircraft stream. */
html.t3d-split-mobile[data-tc-ui-mode="easy"] .container > header {
  display:flex !important; flex-flow:row nowrap !important; align-items:center !important; gap:3px !important;
}
html.t3d-split-mobile[data-tc-ui-mode="easy"] .container > header h1 {
  flex:1 1 auto !important; font-size:clamp(.85rem,1.1vw,1.15rem) !important;
  width:auto !important; min-width:0 !important; overflow:hidden !important;
  flex-wrap:nowrap !important; white-space:nowrap !important;
}
html.t3d-split-mobile[data-tc-ui-mode="easy"] #tcEasyHeaderTitle { font-size:inherit; white-space:nowrap; }
html.t3d-split-mobile[data-tc-ui-mode="easy"] #tcEasyHeaderVizBtn { display:none !important; }
html.t3d-split-mobile[data-tc-ui-mode="easy"] .container > header .tc-mode-switch {
  display:inline-flex !important; position:static !important; flex:0 0 auto !important;
}
html.t3d-split-mobile[data-tc-ui-mode="easy"] .container > header .tc-mode-label { display:none; }
html.t3d-split-mobile[data-tc-ui-mode="easy"] .container > header .tc-mode-tab { padding:2px 4px !important; font-size:.58rem !important; }
html.t3d-split-mobile[data-tc-ui-mode="easy"] .tc-easy-panel { padding:22px 4px 12px; }
html.t3d-split-mobile[data-tc-ui-mode="easy"] .tc-easy-orb { width:65px; height:65px; }
html.t3d-split-mobile[data-tc-ui-mode="easy"] .tc-easy-defaults { font-size:.62rem; }
html.t3d-split-mobile[data-tc-ui-mode="easy"] .tc-easy-start { min-width:0 !important; max-width:100%; }
/* Split View itself is desktop-only (>900px); never enlarge tablet headers. */
@media (max-width:900px) { html[data-tc-ui-mode="easy"] #tcEasyHeaderVizBtn { display:none !important; } }
@media (max-width:720px) {
  html[data-tc-ui-mode="easy"] .container > header h1 { font-size:clamp(1rem,4.2vw,1.25rem) !important; line-height:1 !important; }
}

/* First-visit teaching hint: fixed over the page; does not alter region heights. */
.tc-mode-intro-hint {
  position:fixed; z-index:100001; box-sizing:border-box;
  max-width:calc(100vw - 24px); padding:14px 15px 12px;
  border:1px solid rgba(121,233,168,.72); border-radius:14px;
  background:#17352f; color:#f3fff8; text-align:left;
  box-shadow:0 14px 36px rgba(0,0,0,.36), 0 0 0 3px rgba(76,190,124,.10);
  pointer-events:auto; font-size:13px; line-height:1.35;
}
.tc-mode-intro-hint strong { display:block; color:#bcfbd5; font-size:15px; font-weight:800; }
.tc-mode-intro-hint p { font-size:13px; line-height:1.45; color:#e5f9ed; margin:5px 0 11px; }
.tc-mode-intro-actions { display:flex; justify-content:flex-end; align-items:center; gap:8px; }
.tc-mode-intro-hint button { cursor:pointer; border-radius:7px; font-weight:800; padding:6px 11px; font-size:12px; }
.tc-mode-intro-dismiss { border:1px solid #5ad593; background:#25754f; color:white; }
.tc-mode-intro-reveal { border:1px solid #7cae95; background:transparent; color:#e5fff0; }
.tc-mode-intro-reveal[hidden] { display:none !important; }
.tc-mode-intro-arrow { position:fixed; inset:0; width:100%; height:100%; z-index:100000; pointer-events:none; overflow:visible; }
.tc-mode-intro-arrow-path { fill:none; stroke:#8ef0bd; stroke-width:2.5; stroke-linecap:round; filter:drop-shadow(0 1px 2px rgba(0,0,0,.65)); }
html.tc-mode-intro-active .tc-mode-switch #tcEasyModeTab { position:relative; z-index:100002; box-shadow:0 0 0 3px rgba(113,247,171,.33) !important; }
/* On the very first mobile visit, temporarily reuse the existing title row to
   show the real Easy/Manual buttons without expanding the header or cards. */
@media (max-width:720px) {
  html.tc-mode-intro-active[data-tc-ui-mode="manual"] .container > header { position:relative !important; }
  html.tc-mode-intro-active[data-tc-ui-mode="manual"] .container > header .mobile-top-utility-actions { visibility:hidden !important; }
  html.tc-mode-intro-active[data-tc-ui-mode="manual"] .container > header .tc-mode-switch {
    display:inline-flex !important; position:absolute !important;
    top:50% !important; right:3px !important; left:auto !important;
    transform:translateY(-50%) !important; margin:0 !important;
    z-index:100002; gap:2px !important;
  }
  html.tc-mode-intro-active[data-tc-ui-mode="manual"] .container > header .tc-mode-tab {
    padding:3px 5px !important; font-size:.62rem !important; min-height:24px !important;
  }
}
@media (prefers-reduced-motion:reduce) { .tc-mode-intro-arrow-path { transition:none; } }
@keyframes tc-mode-intro-appear { from {opacity:0} to {opacity:1} }
.tc-mode-intro-hint { animation:tc-mode-intro-appear .24s ease-out both; }
@media (prefers-reduced-motion:reduce) { .tc-mode-intro-hint { animation:none; } }

/* V2: crisp curved pointer, anchored live to Easy — no effect on document size. */
.tc-mode-intro-hint {
  padding:13px 15px 12px;
  border-radius:13px;
  border:1.5px solid rgba(117,244,178,.78);
  background:linear-gradient(150deg, #193e35, #102b28);
  box-shadow:0 12px 32px rgba(0,0,0,.4), 0 0 0 3px rgba(69,211,138,.12);
}
.tc-mode-intro-hint strong { color:#baffd8; }
.tc-mode-intro-arrow {
  width:100vw; height:100vh; overflow:hidden;
}
.tc-mode-intro-arrow-glow {
  fill:none; stroke:rgba(46,230,145,.35); stroke-width:9;
  stroke-linecap:round; stroke-linejoin:round;
}
.tc-mode-intro-arrow-path {
  fill:none; stroke:#b0ffd3; stroke-width:3.8;
  stroke-linecap:round; stroke-linejoin:round;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.66));
}
.tc-mode-intro-arrow-head {
  fill:#b0ffd3; stroke:#145d44; stroke-width:.8; stroke-linejoin:round;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.65));
}
html.tc-mode-intro-active .tc-mode-switch #tcEasyModeTab {
  position:relative; z-index:100002;
  box-shadow:0 0 0 3px rgba(113,247,171,.55),0 0 14px rgba(89,237,155,.48) !important;
}


/* Boosted Mode settings relocation — display only; same checkbox/id and detection logic.
   The margin card's 45px stack stays precisely the same height and width. */
@media (min-width:721px) {
  #detectionMarginSection .boosted-toggle-stack {
    height:45px !important;
    min-height:45px !important;
    width:190px !important;
    min-width:190px !important;
    gap:0 !important;
  }
  #detectionMarginSection .boosted-visuals-primary {
    flex:0 0 45px !important;
    width:190px !important;
    height:45px !important;
  }
  #detectionMarginSection #boostedVisualsToggle + .boosted-visual-toggle-ui {
    width:190px !important;
    height:45px !important;
    min-height:45px !important;
  }
  #detectionMarginSection .boosted-secondary-row {
    display:none !important;
  }
}
/* Mobile's existing 32px row holds Visuals + Easy/Manual, so do not grow it. */
#advancedSettingsSection #boostedPredictionsSetting .boosted-advanced-help {
  margin-top:.45rem;
}
#advancedSettingsSection #boostedPredictionsSetting .boosted-advanced-help > summary > span {
  display:inline-grid;
  place-items:center;
  width:17px;
  height:17px;
  margin-left:.22rem;
  border:1px solid currentColor;
  border-radius:50%;
  font-weight:800;
  text-decoration:none;
}
#advancedSettingsSection #boostedPredictionsSetting .boosted-advanced-explanation {
  padding:.45rem .15rem .15rem;
  font-size:.73rem;
  line-height:1.5;
  color:var(--muted-color);
}
#advancedSettingsSection #boostedPredictionsSetting .boosted-advanced-explanation p {
  margin:.28rem 0 .45rem;
}

/* 2026-10-09: compact Visuals / Split View fixes — presentation only.
   Desktop has a 45px reserved control slot; shorten the visible pill, not the card. */
@media (min-width:721px) {
  #detectionMarginSection .boosted-toggle-stack {
    justify-content:center !important;
  }
  #detectionMarginSection .boosted-visuals-primary {
    flex:0 0 35px !important;
    height:35px !important;
  }
  #detectionMarginSection #boostedVisualsToggle + .boosted-visual-toggle-ui {
    height:35px !important;
    min-height:35px !important;
  }
}

/* Compact only the collapsed Radar title-bar; full-size Radar is unchanged. */
#boostedVisualPanel.is-collapsed {
  padding:.28rem .58rem !important;
}
#boostedVisualPanel.is-collapsed .boosted-visual-header {
  min-height:24px;
  align-items:center !important;
}
#boostedVisualPanel.is-collapsed .boosted-visual-header strong {
  font-size:.74rem !important;
  line-height:1.18 !important;
}

/* Split View uses a 30vw app pane while the browser viewport remains desktop-sized.
   Override desktop's fixed 190px controls and match the real narrow mobile grid.
   These high-specificity rules also beat the mobile CSS cloned by the 3D viewer. */
html.t3d-split-mobile body.t3d-split-mobile #detectionMarginSection .margin-control-row {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  min-width:0 !important;
}
html.t3d-split-mobile body.t3d-split-mobile #detectionMarginSection .boosted-toggle-stack {
  grid-column:1 / -1 !important;
  position:relative !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:5px !important;
  width:100% !important;
  min-width:0 !important;
  height:32px !important;
  min-height:32px !important;
  margin-top:.16rem !important;
  transform:none !important;
}
html.t3d-split-mobile body.t3d-split-mobile #detectionMarginSection .boosted-visuals-primary {
  flex:1 1 0 !important;
  width:auto !important;
  min-width:0 !important;
  height:32px !important;
}
html.t3d-split-mobile body.t3d-split-mobile #detectionMarginSection #boostedVisualsToggle + .boosted-visual-toggle-ui {
  width:100% !important;
  min-width:0 !important;
  height:32px !important;
  min-height:32px !important;
}
html.t3d-split-mobile body.t3d-split-mobile #detectionMarginSection .boosted-secondary-row {
  display:flex !important;
  flex:1 1 0 !important;
  width:auto !important;
  min-width:0 !important;
  height:32px !important;
  align-items:center !important;
  justify-content:flex-end !important;
}
html.t3d-split-mobile body.t3d-split-mobile #detectionMarginSection .tc-mobile-mode-switch {
  display:inline-flex !important;
  justify-content:flex-end !important;
  gap:2px !important;
  max-width:100% !important;
}
html.t3d-split-mobile body.t3d-split-mobile #detectionMarginSection .tc-mobile-mode-switch .tc-mode-tab {
  min-height:26px !important;
  padding:2px 4px !important;
  font-size:.61rem !important;
}
html.t3d-split-mobile body.t3d-split-mobile #detectionMarginSection .tc-mobile-mode-switch .tc-mode-label {
  font-size:.59rem !important;
}

/* The normal Pause control still exists in the tracking row. Suppress only
   its duplicate inside the narrow observation box to prevent a floated button
   protruding over the Radar card. No change to pause/resume logic. */
body.t3d-split-mobile #transitStatus #pauseResumeBtn {
  display:none !important;
}

/* The 3D pane's dynamically cloned mobile CSS can reintroduce header spacing.
   Keep a collapsed Radar genuinely compact inside that pane as well. */
html.t3d-split-mobile body.t3d-split-mobile #boostedVisualPanel.is-collapsed {
  padding:.23rem .50rem !important;
}
html.t3d-split-mobile body.t3d-split-mobile #boostedVisualPanel.is-collapsed .boosted-visual-header {
  min-height:0 !important;
  margin:0 !important;
  row-gap:0 !important;
}
html.t3d-split-mobile body.t3d-split-mobile #boostedVisualPanel.is-collapsed .boosted-visual-header strong {
  font-size:.70rem !important;
  line-height:1.05 !important;
}
/* A narrow regular mobile viewport also already has the main Pause control.
   Hide only the second, floated observation button to prevent overlap. */
@media (max-width:760px) {
  #transitStatus #pauseResumeBtn { display:none !important; }
}