@media (max-width: 767px) {
  html, body, #root { max-width: 100%; overflow-x: hidden; }
  body:has(.employee-workspace) .ant-layout-has-sider > div:first-child:not(.ant-pro-layout-container),
  body:has(.employee-workspace) .ant-pro-sider,
  body:has(.employee-workspace) .ant-pro-layout-container > header { display: none !important; }
  body:has(.employee-workspace) .ant-pro-layout-container,
  body:has(.employee-workspace) .ant-pro-layout-content,
  body:has(.employee-workspace) .workspace-page { width: 100% !important; max-width: 100% !important; margin-inline-start: 0 !important; padding-top: 0 !important; }
  body:has(.employee-workspace) .ant-pro-page-container-children-container { padding: 12px !important; }
  .employee-workspace { width: 100% !important; min-width: 0 !important; gap: 12px !important; }
  .employee-workspace > div:first-child { flex-wrap: wrap !important; gap: 8px !important; }
  .employee-workspace > div:first-child > div:first-child { width: 100% !important; }
  .employee-workspace > div:first-child h3 { font-size: 20px !important; margin: 0 !important; }
  .employee-workspace > div:first-child .ant-typography-secondary,
  .employee-workspace > div:first-child > div:last-child { display: none !important; }
  .employee-workspace [role="tablist"] { flex-wrap: wrap !important; }
  .employee-ai-view .assistant-page { display: block !important; height: calc(100dvh - 115px) !important; min-height: 450px !important; overflow: hidden !important; }
  .employee-ai-view .assistant-layout { display: block !important; width: 100% !important; height: 100% !important; }
  .employee-ai-view .assistant-sidebar { display: none !important; }
  .employee-ai-view .assistant-main { width: 100% !important; min-width: 0 !important; height: 100% !important; grid-template-columns: minmax(0, 1fr) !important; }
  .employee-ai-view .assistant-header,
  .employee-ai-view .assistant-messages { padding: 12px !important; }
  .employee-ai-view .assistant-composer-wrap { padding: 10px !important; }
  body:has(.employee-workspace) [aria-label="采购交期提醒"] { width: 100% !important; min-width: 0 !important; overflow: hidden !important; }
  [aria-label="采购交期提醒"] .ant-alert { max-width: 100% !important; min-width: 0 !important; }
  [aria-label="采购交期提醒"] .ant-alert-message { overflow-wrap: anywhere !important; }
  [aria-label="采购交期提醒"] .ant-select,
  [aria-label="采购交期提醒"] .ant-input-search { max-width: 100% !important; }
  [aria-label="采购交期提醒"] .ant-table-wrapper { width: 100% !important; min-width: 0 !important; overflow: visible !important; }
  [aria-label="采购交期提醒"] .ant-table-container,
  [aria-label="采购交期提醒"] .ant-table-content { overflow: visible !important; }
  [aria-label="采购交期提醒"] table { display: block !important; width: 100% !important; min-width: 0 !important; }
  [aria-label="采购交期提醒"] colgroup,
  [aria-label="采购交期提醒"] thead { display: none !important; }
  [aria-label="采购交期提醒"] tbody { display: grid !important; gap: 12px !important; }
  [aria-label="采购交期提醒"] tbody tr { display: grid !important; gap: 4px !important; border: 1px solid #e5eaf0 !important; border-radius: 12px !important; padding: 12px !important; background: #fff !important; }
  [aria-label="采购交期提醒"] tbody td { display: block !important; width: auto !important; min-width: 0 !important; border: 0 !important; padding: 2px 0 !important; overflow-wrap: anywhere !important; }
  [aria-label="采购交期提醒"] .ant-table-pagination { flex-wrap: wrap !important; justify-content: center !important; }
  .ant-drawer-content-wrapper { width: 100vw !important; max-width: 100vw !important; }
  .ant-drawer-body .ant-table-container,
  .ant-drawer-body .ant-table-content { overflow-x: auto !important; }
}
@media (max-width: 767px) {
  .employee-ai-view .assistant-layout { display: flex !important; flex-direction: column !important; height: 100% !important; }
  .employee-ai-view .assistant-sidebar { display: grid !important; grid-template-columns: 112px minmax(0, 1fr) !important; grid-template-rows: 44px !important; gap: 8px !important; flex: 0 0 60px !important; width: 100% !important; height: 60px !important; min-height: 60px !important; padding: 8px !important; overflow: hidden !important; }
  .employee-ai-view .assistant-sidebar > .assistant-new-button { display: block !important; grid-column: 1 !important; width: 112px !important; padding-inline: 4px !important; }
  .employee-ai-view .assistant-sidebar > .conversation-history { display: flex !important; grid-column: 2 !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; white-space: nowrap !important; min-width: 0 !important; }
  .employee-ai-view .assistant-sidebar > .conversation-history > li { flex: 0 0 auto !important; width: auto !important; max-width: 145px !important; }
  .employee-ai-view .assistant-sidebar > .conversation-history > .conversation-history-group { display: none !important; }
  .employee-ai-view .assistant-sidebar > :not(.assistant-new-button):not(.conversation-history) { display: none !important; }
  .employee-ai-view .assistant-main { flex: 1 1 auto !important; min-height: 0 !important; }
}