/* ============================================================
   wenfei-erp · L2.5 工程页样式（视觉稿里没有、实现阶段新增的页）
   ⚠️ 与 components.css 的分工：
        components.css ＝ ④-3 视觉稿的**组件层**（按令牌重建，⛔ 不在那边加东西）
        pages.css      ＝ 视觉稿**未含**的工程页（登录页 / 我的工作台 …）
   ⚠️ INV2：本文件仍**只用 L1 令牌**，⛔ 不写裸色值 / 裸 px。
   ⚠️ 视觉稿里补了登录页之后，本文件对应段落应回挪到 components.css。
   ============================================================ */

/* ---------- 无导航壳的底（登录页 / 打印页 / 独立页）---------- */
.page--plain { max-width: none; padding: 0; }

/* ============================================================
   1. 登录页（全局页 · 界面文档 §3.1「全局（不在菜单内）」）
   ============================================================ */

.auth {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--s4);
  background: var(--bg-page);
}

/* ⚠️ 比卡片宽一点：flash 提示条（如"已退出登录"）要跟卡片**同宽**地落在它上方 */
.auth__wrap { width: 380px; display: flex; flex-direction: column; gap: var(--s3); }

.auth__card {
  background: var(--bg-card);
  border: var(--bw) solid var(--line);
  border-radius: var(--r8);
  box-shadow: var(--shadow-2);
  padding: var(--s8) var(--s6) var(--s6);
}

.auth__hd    { display: flex; align-items: center; gap: var(--s2); }
.auth__dot   { width: var(--s2); height: var(--s2); border-radius: var(--rpill); background: var(--c-primary); }
.auth__title { font-size: var(--fs-20); font-weight: 600; }
.auth__sub   { font-size: var(--fs-12); color: var(--t-3); margin: var(--s1) 0 var(--s6); }

.auth__form  { display: flex; flex-direction: column; gap: var(--s4); }
.auth__form .btn { width: 100%; justify-content: center; height: var(--ctl-h); }

.auth__foot {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: var(--s6); padding-top: var(--s4);
  border-top: var(--bw) solid var(--line);
  font-size: var(--fs-12); color: var(--t-3);
}

/* ============================================================
   2. 我的工作台（A3 先落"登录后能进壳"的落地页；内容 A5 起填）
   ============================================================ */

.bench        { display: flex; flex-direction: column; gap: var(--s3); }
.bench__hi    { font-size: var(--fs-16); font-weight: 600; }
.bench__hi .sub { font-weight: 400; }

/* 顶栏里的当前用户 / 退出（A3 新增）*/
.topbar__user { display: inline-flex; align-items: center; gap: var(--s1); color: var(--t-1); }
.topbar form  { display: inline-flex; margin: 0; }

/* ============================================================
   3. 商品（SPU/SKU）· A10 —— 两层表的 SKU 子行（Q-SP9 · 零 JS 用原生 <details>）
   ============================================================ */

/* 子行不再当"一行单元格"用 ⇒ 去掉 hover 高亮与底边框，视觉上"挂"在主行下面 */
.tbl__sub > td { padding: 0 var(--s3) var(--s3); border-bottom: var(--bw) solid var(--line); background: var(--bg-page); }
.tbl__sub summary { cursor: pointer; padding: var(--s2) 0; font-size: var(--fs-12); }
.tbl__sub summary::marker { color: var(--t-3); }

/* 缩进一级的子表：左缘一根竖线，把"这属于上面那一款"画出来 */
.tbl--sub { margin-left: var(--s4); border-left: 2px solid var(--c-primary); border-radius: 0; }
.tbl--sub > thead > tr > th { background: transparent; font-weight: 500; color: var(--t-3); }
.tbl--sub > tbody > tr > td { background: transparent; }