/* =====================================================================
 * 全端响应式适配（全站注入）
 * 覆盖电脑端 / 平板 / 手机 / 微信内置浏览器 四类终端的最佳观看效果
 * 本文件在页面内联 <style> 之后引入，以便覆盖默认桌面布局。
 * ===================================================================== */

/* ============ 平板端（≤1024px）============ */
@media (max-width: 1024px) {
  .grid { grid-template-columns: 1fr 1fr; }
  .cards { grid-template-columns: repeat(3, 1fr); }
  .designer-layout { flex-direction: column; }
  .designer-layout .sidebar { width: 100%; }
  .designer-layout .canvas { min-height: 400px; }
  .cmd-grid { grid-template-columns: 1fr 1fr; }
}

/* ============ 手机端（≤640px，含微信内置浏览器）============ */
@media (max-width: 640px) {
  body { padding: 12px; }
  .wrap, .container { padding: 0; }
  h1 { font-size: 18px !important; }

  /* 双列网格折叠为单列 */
  .grid { grid-template-columns: 1fr !important; gap: 12px; }
  .cards { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .card .num { font-size: 26px !important; }
  .cmd-grid { grid-template-columns: 1fr; }
  .cmd .row { flex-direction: column; }

  /* 顶部栏堆叠 */
  .top { flex-direction: column; align-items: flex-start !important; gap: 10px; }
  .top input { width: 100% !important; }
  header { flex-direction: column; align-items: flex-start !important; gap: 10px; }

  /* 指标卡适配 */
  .stats, .kpi { grid-template-columns: repeat(2, 1fr) !important; gap: 8px; }
  .stat, .kpi .k { padding: 10px !important; }
  .stat .v, .kpi .k .v { font-size: 20px !important; }

  /* 进度条 / 数字 */
  .goal-num { font-size: 22px !important; }
  .goal-meta { flex-direction: column; gap: 6px; }

  /* 事件流 / 列表增高可读性 */
  .event-item, .item, .client { font-size: 12px; }

  /* 表格横向滚动 */
  .panel, .card { overflow-x: auto; }
  .status-table { font-size: 12px; }

  /* 触控友好：按钮/输入框至少 44px */
  .btn, button.btn, .gwd-btn { min-height: 44px; }
  input, select, textarea { font-size: 16px !important; }

  /* 流程画布 */
  .canvas-header { flex-direction: column; align-items: stretch !important; gap: 10px; }
  .canvas-header input { width: 100% !important; }
  .step-card .step-config { grid-template-columns: 1fr; }

  /* 龚文道对话页：移动端已适配，桌面加宽度约束见下 */
}

/* ============ 桌面端（>1024px）============ */
@media (min-width: 1025px) {
  /* 龚文道对话页：桌面居中限宽，更佳观感 */
  #msgs, #inpA, #hd { max-width: 720px; margin-left: auto; margin-right: auto; }
  #msgs { left: 0; right: 0; }
  #inpA { left: 0; right: 0; }
}