/* ============================================================
   简学律所AI · 移动端适配（≤860px）
   列表/详情 两态切换：窄屏点案件进入详情（隐藏列表），
   顶部「← 返回列表」回到列表态。
   ============================================================ */
.case-back { display: none; }

@media (max-width: 860px) {

  /* ---------- 顶栏 ---------- */
  .topbar { padding: 0 10px; }
  .brand-tag { display: none; }
  .brand-name { font-size: 15px; }
  .topbar-right { gap: 6px; }
  .topbar-right .llm-pill { display: none; }
  .topbar-right .user-name { display: none; }
  .topbar-right .btn { padding: 5px 8px; font-size: 12px; }
  .topbar-right .btn-sm { padding: 4px 8px; }

  /* ---------- 一级导航 ---------- */
  .nav-main { padding: 6px 10px; gap: 4px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .nav-tab { flex: 1 0 auto; padding: 7px 0; font-size: 13px; text-align: center; }

  /* ---------- 工作台：单列 + 详情切换 ---------- */
  .layout { display: block; height: auto; }
  .sidebar { width: 100%; min-width: 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .layout.detail .sidebar { display: none; }
  .case-back { display: inline-flex; align-items: center; margin-bottom: 10px; color: var(--acc); border-color: rgba(56,189,248,.35); }
  .content { overflow: visible; padding: 12px; min-height: calc(100vh - 52px - 46px); }
  .empty-tip { margin-top: 36px; }

  /* ---------- 案件头 ---------- */
  .case-head { flex-direction: column; align-items: stretch; gap: 10px; }
  .case-head-right { flex-wrap: wrap; }
  .case-title { font-size: 17px; line-height: 1.4; word-break: break-all; }
  .case-meta { line-height: 1.6; word-break: break-all; }
  .stage-transitions { flex-wrap: wrap; }

  /* ---------- 流水线步骤条：横向滚动 ---------- */
  .pipeline-strip { overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 4px; }
  .pstep { flex: 0 0 auto; width: 150px; }

  /* ---------- 区块与面板 ---------- */
  .node-panel, .deadline-section { padding: 12px; }
  .np-head, .dl-head { flex-wrap: wrap; gap: 8px; }
  .np-actions { flex-wrap: wrap; }
  .review-bar { flex-wrap: wrap; gap: 8px; }
  .sample-bar { flex-wrap: wrap; }

  /* ---------- 期限区块 ---------- */
  .dl-item { flex-wrap: wrap; gap: 8px; }
  .dl-item .dl-name { min-width: 0; width: 100%; }
  .dl-item .dl-info { flex: 1 1 auto; min-width: 60%; }
  .dl-date-grid { grid-template-columns: 1fr; }

  /* ---------- 看板 ---------- */
  .board-view { padding: 12px; height: auto; overflow: visible; }
  .stat-cards { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .stat-card { padding: 12px; }
  .board-body { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .board-table { min-width: 620px; }
  .board-table td.case-cell { max-width: 220px; }
  .board-sub { display: none; }

  /* ---------- 输出与审批 ---------- */
  .out-table td:first-child { white-space: normal; width: 72px; }
  .out-tabs { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .out-tab { flex: 0 0 auto; }
  .mm-item { flex-wrap: wrap; gap: 8px; }
  .ap-wrap { gap: 8px; }
  .ap-item { padding: 12px; }
  .ap-head { flex-wrap: wrap; }

  /* ---------- 弹窗：贴近底部，宽度自适应 ---------- */
  .modal { padding: 10px; align-items: flex-end; }
  .modal-card { width: 100%; max-width: none; max-height: 88vh; overflow-y: auto; padding: 18px 16px; border-radius: 14px; }

  /* ---------- 登录 ---------- */
  .login-card { width: 100%; max-width: 400px; padding: 28px 22px; }
  .login-wrap { padding: 16px; }

  /* ---------- 输入防 iOS 聚焦缩放 ---------- */
  .form-row input, .np-input, .dl-select, .search, .ap-note, .dl-date-field input { font-size: 16px; }

  /* ---------- 细节 ---------- */
  .filter-label { display: none; }
  .np-input { min-height: 72px; }
  .ai-note { word-break: break-all; }
  .out-block { padding: 10px; }
}