/* ═══════════════════════════════════════════════════════════════════════════
   KANPAI · desktop/desktop.css（电脑端追加样式 · 2026-10-15）
   只追加、只引用 --k-* token，没有裸色值；不改 shared/ 里的任何东西。
   用到的页面：03 客户档案（抽屉）· 01/05/06/09（左宽右窄栅格）· 08 权限矩阵（居中格）
   ═══════════════════════════════════════════════════════════════════════════ */

/* k-grid 的非等分变体：左宽右窄（日报「商品销售＋汇总」「库存＋补货」等）。
   <div class="k-grid k-cols-3-2">…两个子块…</div> */
.k-grid.k-cols-3-2{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.k-grid.k-cols-2-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
@media (max-width:1100px){
  .k-grid.k-cols-3-2,.k-grid.k-cols-2-1{grid-template-columns:minmax(0,1fr)}
}

/* 表格单元格第二行（名字下面的读音、商品下面的备注）：块级小字 */
.k-cell-sub{display:block;font-size:var(--k-fs-caption);line-height:1.45;color:var(--k-text-2);font-weight:400}

/* 表格：居中格（权限矩阵）、选中行（客户档案当前打开的那一行） */
.k-table .is-center,.k-table th.is-center{text-align:center}
.k-table tr.is-selected td{background:var(--k-accent-bg)}
.k-table tr.is-selected:hover td{background:var(--k-accent-bg)}
.k-table td.is-nowrap{white-space:nowrap}

/* 右侧详情抽屉（03 客户档案）：表格在左、抽屉在右；窄于 1400 时抽屉落到表格下方 */
.k-drawer-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--k-space-5);align-items:start}
.k-drawer{
  display:flex;flex-direction:column;gap:var(--k-space-4);min-width:0;
  padding:var(--k-space-5);background:var(--k-surface);
  border:var(--k-rule) solid var(--k-edge);border-left:var(--k-rule-status) solid var(--k-gold);
  border-radius:var(--k-r-card);box-shadow:var(--k-shadow-2);
}
.k-drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--k-space-3);padding-bottom:var(--k-space-3);border-bottom:var(--k-rule) solid var(--k-line)}
.k-drawer__title{font-family:var(--k-font-display);font-size:var(--k-fs-h2);font-weight:700;line-height:1.3}
.k-drawer__title[lang|="ja"]{font-family:var(--k-font-display-ja)}
.k-drawer__sub{font-size:var(--k-fs-caption);color:var(--k-text-2);margin-top:2px}
.k-drawer__block{display:flex;flex-direction:column;gap:var(--k-space-2);min-width:0}
.k-drawer__label{font-size:var(--k-fs-caption);font-weight:500;color:var(--k-text-2);display:flex;align-items:center;gap:var(--k-space-2)}
.k-drawer__label::before{content:"";flex:none;width:6px;height:6px;background:var(--k-gold)}
@media (max-width:1399px){
  .k-drawer-layout{grid-template-columns:minmax(0,1fr)}
}

/* 一行说明（区块下方的小字解释，带左侧金线） */
.k-aside{
  font-size:var(--k-fs-small);line-height:var(--k-lh-small);color:var(--k-text-2);
  padding-left:var(--k-space-3);border-left:var(--k-rule-status) solid var(--k-gold);
}

/* 键值行里的数字：base 里 k-kv 是 13.5px 小字，数字用 Barlow 会显得太小 → 放大到行内数字档 */
.k-kv dd.k-num,.k-kv dd .k-num,.k-kv dd.k-money,.k-kv dd .k-money{font-size:var(--k-fs-num-sm)}
.k-kv dt .k-num{font-size:var(--k-fs-num-sm)}

/* 抽屉里的列表行：标题允许换行（不被省略号截断） */
.k-drawer .k-row__title{white-space:normal;overflow:visible}
.k-drawer .k-row{align-items:flex-start}