/* 原生對話手機版：控制列換行、內容不溢出；桌面樣式維持原狀。 */
@media (max-width: 767px) {
  .ant-flex:has(#input-panel),
  .ant-layout:has(#input-panel),
  main:has(#input-panel),
  main:has(#input-panel) > .ant-spin-nested-loading,
  main:has(#input-panel) > .ant-spin-nested-loading > .ant-spin-container {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  main:has(#input-panel) {
    width: 100% !important;
    flex: 1 1 0% !important;
  }
  #input-panel,
  #input-panel > div.flex.flex-col,
  #input-panel > div.flex.flex-col > div {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  #input-panel > div.flex.flex-col > .flex {
    flex-wrap: wrap !important;
    height: auto !important;
    gap: 8px !important;
  }
  #input-panel > div.flex.flex-col > .flex > .flex {
    flex-wrap: wrap !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 8px !important;
  }
  #input-panel .ant-select {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  #input-panel .ant-select-selection-item {
    min-width: 0 !important;
  }
  #input-panel .ant-slider {
    min-width: 0 !important;
  }
  #input-panel textarea {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* 分析儀表板的結果區與對話區依序呈現，卡片改為單欄。 */
  .flex.flex-col.h-screen.w-full.overflow-y-auto:has(> .flex-auto > .md\:w-3\/4) {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .flex-auto.flex.overflow-y-auto:has(> .md\:w-3\/4):has(> .md\:w-1\/4) {
    flex-direction: column !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }
  .flex-auto.flex.overflow-y-auto > :is(.md\:w-3\/4, .md\:w-1\/4) {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }
  .flex-auto.flex.overflow-y-auto > .md\:w-3\/4 {
    padding: 12px !important;
  }
  .flex-auto.flex.overflow-y-auto > .md\:w-3\/4 > .flex > .flex,
  .flex-auto.flex.overflow-y-auto > .md\:w-3\/4 > .flex > div > .flex {
    flex-direction: column !important;
  }
  .flex-auto.flex.overflow-y-auto > .md\:w-3\/4 .MuiCard-root {
    min-width: 0 !important;
    overflow-wrap: anywhere;
  }
  .flex-auto.flex.overflow-y-auto > .md\:w-3\/4 .MuiTable-root {
    min-width: 560px !important;
  }
  .flex-auto.flex.overflow-y-auto > .md\:w-1\/4 {
    padding: 12px !important;
    min-height: 320px !important;
  }
  .flex-auto.flex.overflow-y-auto > .md\:w-1\/4 > .h-full {
    height: auto !important;
    min-height: 296px !important;
  }
  .flex-auto.flex.overflow-y-auto > .md\:w-1\/4 .flex-1 {
    min-width: 0 !important;
  }
}