/* 商家端排版修正 2026-10-19（Claude）：单品异常处理弹窗、订单详情头部、底部提示重叠。只改样式，不改功能。 */

/* 订单详情头部：返回 / 更多按钮是 44px，beta 设计把列设成 32px，按钮压到“客户 xxx”上 */
html:root.merchant-beta-design .detail-panel .detail-mobile-head{grid-template-columns:44px minmax(0,1fr) auto 44px}

/* 单品异常处理：标题下面空太多 */
.shortage-dialog>header{padding-bottom:0}

/* 三个选择框：数量框窄一点，选项文字不被截（“缺货扣减”在窄屏只剩“缺货扌”） */
.shortage-dialog .shortage-quick-grid{grid-template-columns:64px minmax(0,1fr) minmax(0,1fr);gap:8px}
.shortage-dialog .shortage-quick-grid select{padding-left:10px;padding-right:24px}
@media (max-width:380px){
  .shortage-dialog .shortage-quick-grid{grid-template-columns:64px minmax(0,1fr)}
  .shortage-dialog .shortage-quick-grid>label:nth-child(3){grid-column:1/-1}
}

/* 底部按钮：三个挤一行时“取消”竖排、“登记异常”折两行 → 取消 + 登记异常一行，“找到货了，恢复正常”单独一行 */
.shortage-dialog>footer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:stretch}
.shortage-dialog>footer>button{min-height:48px;min-width:76px;justify-content:center;white-space:nowrap}
.shortage-dialog>footer>button:first-child{grid-column:1;grid-row:1}
.shortage-dialog>footer>button.primary{grid-column:2;grid-row:1}
.shortage-dialog>footer>button.danger-ghost{grid-column:1/-1;grid-row:2}

/* 订单详情底部“接的单 / 还有 N 款未拣”重叠：由 /layout/order-detail-fix.js（v=20261019b）处理，这里不再重复。 */
