/**
 * 單頁雙版面：#shell-desktop（桌面總覽）與 #shell-mobile（手機版）。
 * 預設 ≥769px 顯示桌面；≤768px 顯示手機。
 * 網址 ?desktop=1 / ?mobile=1 由 device-route.js 設 html 類別覆寫。
 */

#shell-desktop {
  display: block;
}
#shell-mobile {
  display: none;
}

@media (max-width: 768px) {
  #shell-desktop {
    display: none !important;
  }
  #shell-mobile {
    display: block !important;
  }
}

/* 窄屏仍要看桌面總覽（與 device-route 一致） */
@media (max-width: 768px) {
  html.force-desktop-shell #shell-desktop {
    display: block !important;
  }
  html.force-desktop-shell #shell-mobile {
    display: none !important;
  }
}

/* 寬屏仍要看手機版面 */
@media (min-width: 769px) {
  html.force-mobile-shell #shell-desktop {
    display: none !important;
  }
  html.force-mobile-shell #shell-mobile {
    display: block !important;
  }
}

/* 手機版面隱藏桌面「修改模式」浮動鈕；窄屏 ?desktop=1 強制桌面時仍顯示 */
@media (max-width: 768px) {
  #editModeBtn {
    display: none !important;
  }
}
html.force-desktop-shell #editModeBtn {
  display: inline-flex !important;
}