/* 電腦版（寬螢幕）：兩側灰底 + 地圖區固定高度，避免黑屏 */
@media (min-width: 768px) {
  html,
  body {
    background: #2a3038 !important;
    min-height: 100vh;
  }

  #root {
    min-height: 100vh;
    background: #2a3038;
  }

  .app-shell {
    box-shadow: 0 0 48px rgba(0, 0, 0, 0.5);
    background: #000 !important;
  }

  .app-shell .absolute.inset-0[style*="bottom"] {
    min-height: 62vh !important;
    height: 62vh !important;
    background: #d4dce4 !important;
  }

  .app-shell .relative.w-full {
    min-height: 62vh !important;
    height: 100% !important;
  }

  .app-shell .relative.w-full > .absolute.inset-0:not([data-papago-mapbox-root]) {
    min-height: 62vh !important;
    height: 100% !important;
    background-color: #d4dce4 !important;
  }

  [data-papago-mapbox-root],
  [data-papago-mapbox-root] .leaflet-container,
  [data-papago-desktop-map] {
    min-height: 62vh !important;
    height: 100% !important;
    z-index: 10 !important;
  }

  [data-papago-desktop-map] iframe {
    min-height: 62vh !important;
    height: 100% !important;
  }
}