/* desktop.css —— 只保留生产系统**没有**的桌面增强
   ------------------------------------------------------------------
   2026-11-13 重写（按《骨架施工图》批 2）：
   `.sidenav` / `.content` / `.app-topbar` / `main` / `#app` 的布局**全部删除** ——
   这些 prod-vendor.css 里已经写死（#app flex、aside 204px sticky、content flex 列、
   topbar sticky top:14、main 撑满），再写一遍就是抢层叠，是"抄了却不像"的直接原因。

   这里只剩三样工程系统独有的东西：
     ① 双栏/三栏容器（工程页面用，生产是各页自己写 grid）
     ② 桌面表格（宽表在桌面用真表格，手机端仍走卡片流）
     ③ 操作区/表单排布在桌面的一点点增强
*/

@media (min-width: 821px) {
  /* ① 双栏 / 三栏 */
  .cols{display:grid;gap:var(--sp-4);align-items:start}
  .cols-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cols-2-1{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
  .cols-1-2{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
  .cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}

  /* ② 桌面表格 */
  .dtable{width:100%;border-collapse:separate;border-spacing:0;
    background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
  .dtable th,.dtable td{padding:11px 12px;text-align:left;font-size:13px;
    border-bottom:1px solid var(--border);vertical-align:top}
  .dtable th{background:var(--panel2);color:var(--muted);font-weight:600;
    position:sticky;top:0;z-index:1;white-space:nowrap}
  .dtable tr:last-child td{border-bottom:0}
  .dtable tr:hover td{background:rgba(24,95,165,.03)}
  .dtable .num{text-align:right;font-variant-numeric:tabular-nums}

  /* ③ 列表页在桌面可两列（手机永远单列） */
  .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--sp-4)}
}

@media (max-width: 820px) {
  .dtable{display:none !important}
}