/* ═══════════════════════════════════════════════════════════════════════════
   KANPAI · ipad.css（iPad 画面追加样式 · 只追加、只引用 --k-* 语义 token、无裸色值）
   在 base.css 之后引入。base.css 缺的、iPad 画面确实需要的，只有下面八组：
     1 吧台一列 k-seats--bar        （01 座位全景：C1–C8 排成一列）
     2 棚位格   k-shelf / k-slot    （06 存酒：棚 A／棚 B 的格子）
     3 紧凑清单 k-steps--compact    （08 闭店 17 步：一屏看到第 14 步）
     4 右栏吸底操作条               （08：主按钮永远在视野里）
     5 右栏尺寸与 PIN 面板压缩      （k-split--side-540、右栏里的 k-pin）
     6 栏内不压缩  7 行内字段 k-field--inline  8 紧凑座位格 k-seats--compact
   ═══════════════════════════════════════════════════════════════════════════ */


/* ── 1 · 吧台一列 ──────────────────────────────────────────────────────────
   <div class="k-seats k-seats--bar">…8 个 k-seat k-seat--lg…</div>
   8 格在 712px 里每格约 80px：状态胶囊换到座位号下一行，金额缩一档。 */
.k-seats--bar{grid-template-columns:repeat(8,minmax(0,1fr))}
.k-seats--bar .k-seat{padding-right:var(--k-space-2)}
.k-seats--bar .k-seat__top{flex-direction:column;align-items:flex-start;gap:var(--k-space-1)}
.k-seats--bar .k-seat__amt{font-size:var(--k-fs-num-sm);font-weight:600}
.k-seats--bar .k-seat__guest{font-size:var(--k-fs-caption)}


/* ── 2 · 棚位格 ────────────────────────────────────────────────────────────
   <div class="k-shelf">
     <div class="k-slot k-slot--bottle"><span class="k-slot__pos">A-3</span><span class="k-slot__no">#K-0231</span>
       <span class="k-slot__name" lang="ja">山崎12年</span><span class="k-slot__meta">山本 隆 · 約半瓶</span></div>
     <div class="k-slot k-slot--check">…<span class="k-chip k-chip--check">待核对</span></div>
     <div class="k-slot"><span class="k-slot__pos">A-1</span><span class="k-slot__meta">空</span></div>
   </div>
   空格＝虚线；有瓶＝实线＋左缘金线；待核对＝芥末虚线＋左缘芥末线（与 k-bottle--check 同一套语义）。 */
.k-shelf{display:grid;grid-template-columns:repeat(var(--k-cols,6),minmax(0,1fr));gap:var(--k-space-2)}
.k-slot{
  display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;min-height:104px;
  padding:var(--k-space-3) var(--k-space-2) var(--k-space-3) var(--k-space-3);
  background:var(--k-status-vacant-bg);border:var(--k-rule) dashed var(--k-line-strong);border-radius:var(--k-r-card);
}
.k-slot__pos{font-family:var(--k-font-num);font-size:var(--k-fs-num-sm);font-weight:600;line-height:1.2;color:var(--k-text-2)}
.k-slot__no{font-family:var(--k-font-num);font-size:var(--k-fs-caption);font-weight:600;letter-spacing:.06em;line-height:1.3;color:var(--k-gold-text)}
.k-slot__name{font-size:var(--k-fs-small);font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.k-slot__meta{font-size:var(--k-fs-caption);line-height:1.4;color:var(--k-text-2);overflow-wrap:anywhere}
.k-slot .k-chip{height:22px;margin-top:auto;padding:0 var(--k-space-2);font-size:12px}
.k-slot--bottle{
  background:var(--k-surface);border:var(--k-rule) solid var(--k-edge);
  box-shadow:inset var(--k-rule-status) 0 0 var(--k-gold);padding-left:calc(var(--k-space-3) + var(--k-rule-status));
}
.k-slot--bottle .k-slot__pos{color:var(--k-text)}
.k-slot--check{
  background:var(--k-status-check-bg);border:var(--k-rule) dashed var(--k-status-check);
  box-shadow:inset var(--k-rule-status) 0 0 var(--k-status-check);padding-left:calc(var(--k-space-3) + var(--k-rule-status));
}
.k-slot--check .k-slot__pos{color:var(--k-text)}


/* ── 3 · 紧凑清单（17 步只留标题＋状态胶囊，明细放右栏）──────────────────────
   <ol class="k-steps k-steps--compact">…k-step…</ol>
   行高约 44px（保持可点尺寸）；detail 隐藏，不是删掉——真实界面里点一步右栏就换成那一步的明细。 */
.k-steps--compact .k-step{padding:10px var(--k-space-2);align-items:center}
.k-steps--compact .k-step__no{font-size:var(--k-fs-num-sm);line-height:1.4}
.k-steps--compact .k-step__detail{display:none}
.k-steps--compact .k-step .k-chip{height:24px;font-size:12px}


/* ── 4 · 右栏吸底操作条 ─────────────────────────────────────────────────────
   放在 k-split__side 的最后一个子元素：<div class="k-actionbar">…</div>
   右栏内容较长时，主按钮不会被滚走。抵消右栏的内边距，铺满右栏宽度。 */
.k-split__side > .k-actionbar{
  position:sticky;bottom:calc(-1 * var(--k-space-6));z-index:1;flex:none;   /* sticky 偏移从右栏内边距内侧算起，往下让出 24px 才贴边 */
  margin:0 calc(-1 * var(--k-space-6));
  padding:var(--k-space-3) var(--k-space-6);
}
.k-split__side > .k-actionbar > .k-btn{flex:1}


/* ── 5 · 右栏尺寸与 PIN 面板 ────────────────────────────────────────────────
   k-split--side-540：右栏 540（闭店核对：左清单、右日结确认单）
   右栏里的 PIN 面板：居中、压缩键盘，保证 PIN 面板与改价申请同屏。 */
.k-split--side-540{--k-split-side:540px}
.k-split__side .k-pin{align-self:center;padding:var(--k-space-4) var(--k-space-5);gap:var(--k-space-3)}
.k-split__side .k-pin__pad{grid-template-columns:repeat(3,56px);gap:var(--k-space-2) var(--k-space-5)}
.k-split__side .k-pin__key{width:56px;height:56px}


/* ── 6 · 栏内不压缩 ─────────────────────────────────────────────────────────
   k-split__main／k-split__side 是纵向 flex 且自己滚动：内容超出时子块不许被压扁
   （否则带 overflow 的 k-guest-tabs、k-table-wrap 会塌成一条线）。 */
.k-split__main > *,.k-split__side > *{flex-shrink:0}


/* ── 7 · 行内字段（标签在左、控件在右；省一行高度）────────────────────────────
   <label class="k-field k-field--inline"><span class="k-field__label">担当</span><select class="k-select">…</select></label> */
.k-field--inline{flex-direction:row;align-items:center;gap:var(--k-space-2)}
.k-field--inline > .k-field__label{flex:none}
.k-field--inline > .k-seg,.k-field--inline > .k-select,.k-field--inline > .k-input{flex:1;min-width:0}
.k-field--inline .k-seg__opt{white-space:nowrap;padding-inline:var(--k-space-2)}
.k-card.k-stack > .k-card__head{margin-bottom:0}   /* 卡片里 k-stack 已有行距，k-card__head 不再多加一份 */


/* ── 8 · 紧凑座位格（09 开店检查：左栏 12 格 4 列）──────────────────────────────
   空位压到 72px；遗留格（k-seat--stale）有 4 行内容，保持自然高度。 */
.k-seats--compact .k-seat{min-height:72px;padding-top:var(--k-space-2);padding-bottom:var(--k-space-2)}
.k-seats--compact .k-seat--stale{min-height:0}