/* 粮栈出库单页面样式（#view-ck 作用域；与入库单同款布局，弹窗复用全局 .fh-dialog / .business-dialog）。 */
#view-ck { margin:0; padding:0; height:auto; min-height:0; background:transparent; color:var(--ink); }
#view-ck .lz-page-head h2 { margin:0; }
#view-ck .ck-required { margin-left:4px; color:#b42318; font-weight:600; }
#view-ck .ck-required-note { display:inline-block; margin-left:12px; color:var(--ink2); font-size:12px; }
#view-ck .ck-required-note .ck-required { margin-left:0; }
#view-ck .ck-page-actions { display:flex; gap:8px; margin-left:auto; }
#view-ck #ckWorkspace { display:block; margin:0; padding:0; width:100%; max-width:none; height:auto; overflow:visible; }
#view-ck .ck-sheet { border:1px solid var(--line); border-radius:12px; background:var(--panel); }
#view-ck #ck_formBody { display:block; min-width:0; max-height:none; padding:0; overflow:visible; }
#view-ck .no-bar { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:0; padding:18px 32px; border:0; border-bottom:1px solid var(--line); border-radius:12px 12px 0 0; background:var(--soft); color:var(--ink); }
#view-ck .no-bar>div { display:flex; flex-wrap:wrap; align-items:baseline; gap:12px; }
#view-ck .no-bar .k { margin:0; color:var(--ink2); font-size:12px; }
#view-ck .no-bar .v { color:var(--brand-d); font-size:14px; font-weight:600; line-height:1.5; font-variant-numeric:tabular-nums; }
#view-ck .no-hint { color:var(--ink2); font-size:12px; }
#view-ck #ck_dirtyBadge { display:inline-flex; margin-left:auto; color:var(--ink2); font-size:12px; background:none; }
#view-ck fieldset { min-width:0; margin:0; padding:0; border:0; background:transparent; }
#view-ck .grp-title { display:flex; align-items:center; gap:10px; margin:0 0 14px; color:var(--ink); font-size:14px; font-weight:600; line-height:1.5; }
#view-ck .entry-items>.grp-title { justify-content:flex-start; }
#view-ck .entry-items>.grp-title::after { content:attr(data-count); margin-left:auto; color:var(--ink2); font-size:12px; font-weight:400; }
#view-ck .grid2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 16px; }
#view-ck .fld { display:flex; min-width:0; flex-direction:column; gap:6px; margin:0; }
#view-ck .fld.wide { grid-column:1/-1; }
#view-ck .fld label { display:block; margin:0; color:var(--ink2); font-size:12px; font-weight:400; line-height:1.5; }
#view-ck :is(input,textarea,select) { min-width:0; max-width:100%; margin:0; border:1px solid var(--line); border-radius:6px; color:var(--ink); background:#fff; font:13px/1.5 'Microsoft YaHei',sans-serif; caret-color:var(--brand); }
#view-ck .fld input { width:100%; height:36px; padding:6px 10px; }
#view-ck input:read-only { color:var(--ink2); background:var(--soft); }
#view-ck :is(input,textarea,select):focus { border-color:var(--brand); }
#view-ck input:disabled { opacity:1; color:var(--ink2); background:var(--soft); }
#view-ck .entry-basics { padding:24px 32px; border-bottom:1px solid var(--line); }
#view-ck .entry-basics .grid2 { grid-template-columns:repeat(12,minmax(0,1fr)); }
#view-ck .entry-basics .fld { grid-column:span 3; }
#view-ck .entry-extra { padding:24px 32px; border-bottom:1px solid var(--line); }
#view-ck .entry-items { padding:24px 32px; border-bottom:1px solid var(--line); }
#view-ck .entry-item-tools { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 12px; padding:0; border:0; background:none; }
#view-ck .entry-item-tools .note { color:var(--ink2); font-size:12px; margin-left:auto; }
#view-ck .pu-row { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:0 0 12px; padding:10px 12px; border:0; border-radius:6px; background:var(--soft); color:var(--ink2); font-size:12px; }
#view-ck .paper-pick { display:flex; align-items:center; gap:8px; margin:0; padding:0; }
#view-ck .paper-pick select { height:32px; padding:4px 8px; }
#view-ck .switch { display:inline-flex; align-items:center; gap:6px; margin:0; color:var(--ink2); font-size:12px; }
#view-ck .switch input { width:15px; height:15px; padding:0; accent-color:var(--brand); }
#view-ck .ck-scale-choice { display:flex; align-items:center; gap:6px; margin:0; color:var(--ink2); font-size:12px; }
#view-ck .ck-scale-choice select { height:36px; padding:4px 8px; }
#view-ck .ck-active-row { display:inline-flex; align-items:center; color:var(--ink2); font-size:12px; }
/* 实时读数芯片：与顶栏双磅徽标同款视觉。 */
#view-ck .ck-scale-live { display:inline-flex; align-items:center; gap:8px; padding:5px 12px; border:1px solid var(--line); border-radius:999px; background:var(--soft); color:var(--ink); font-size:12px; line-height:1.5; }
#view-ck .ck-scale-live .dot { width:8px; height:8px; padding:0; border-radius:50%; background:#b8c4c0; flex:none; }
#view-ck .ck-scale-live .dot.on { background:#1f9d61; }
#view-ck .ck-scale-live .dot.err { background:#c4453a; }
#view-ck .ck-scale-live .nm { color:var(--ink2); }
#view-ck .ck-scale-live .val { font-weight:600; font-variant-numeric:tabular-nums; }
#view-ck .ck-scale-live .unit { color:var(--ink2); }
#view-ck .ck-scale-live .stable { color:var(--ink2); }
#view-ck .ck-scale-live .stable.ok { color:#1f9d61; font-weight:600; }
#view-ck .ck-scale-live .stable.warn { color:#b9822b; font-weight:600; }
#view-ck .items-ed { width:100%; overflow-x:auto; border:1px solid var(--line); border-radius:6px; background:#fff; scrollbar-color:#8eaab4 var(--soft); }
#view-ck .items-ed .hd { display:grid; align-items:center; gap:6px; padding:9px 8px; border-bottom:1px solid var(--line); background:var(--soft); color:var(--ink2); font-size:12px; line-height:1.6; text-align:center; position:sticky; top:0; z-index:1; }
#view-ck .items-ed .hd>span:first-child { text-align:left; }
#view-ck .items-ed .row { display:grid; align-items:center; gap:6px; padding:8px; border-bottom:1px solid var(--line); }
#view-ck .items-ed .row:last-child { border-bottom:0; }
#view-ck .items-ed .row input { width:100%; height:36px; padding:6px; font-size:13px; font-variant-numeric:tabular-nums; }
#view-ck .items-ed .num { text-align:right; }
#view-ck .items-ed .del { display:flex; align-items:center; justify-content:center; width:26px; min-height:36px; padding:0; border:0; border-radius:4px; background:none; color:#a1322c; font-size:18px; cursor:pointer; }
#view-ck .items-ed .del:hover { background:#fdeeee; }
#view-ck #ck_itemRows .row.is-current { outline:0; background:#edf5f3; }
#view-ck #ck_itemRows .row.is-current input:not(:focus) { border-color:#c2d7d0; }
#view-ck #ck_itemRows .row.is-current input[readonly] { background:#e6efeb; }
#view-ck #ck_itemRows .row.is-current input.nm { color:var(--brand-d); font-weight:600; }
#view-ck .entry-remark { padding:24px 32px; }
#view-ck #c_remark { display:block; width:100%; min-height:96px; padding:10px; resize:vertical; font-size:12px; line-height:1.8; }
#view-ck .ck-form-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; padding:16px 32px; border-top:1px solid var(--line); border-radius:0 0 12px 12px; background:var(--soft); }
#view-ck .ck-message { margin:0; padding:0 32px; font-size:12px; line-height:1.8; color:#265f46; }
#view-ck .ck-message:empty { display:none; }
#view-ck .ck-message:not(:empty) { padding-top:10px; padding-bottom:10px; }
#view-ck .ck-message.error,#view-ck #ck_dirtyBadge.error { color:#a1322c; }
#view-ck ::selection { background:#dcebe7; color:var(--brand-d); }
#view-ck :is(input,textarea,select):focus-visible { outline:2px solid #1d4e63; outline-offset:2px; }
#view-ck button:disabled { cursor:not-allowed; }
/* 只读视图。 */
#view-ck .rk-view-meta,#view-ck .ck-view-meta { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:14px 24px; margin:0; padding:24px 32px; border-bottom:1px solid var(--line); }
#view-ck .ck-view-meta>div { min-width:0; }
#view-ck .ck-view-meta dt { color:var(--ink2); font-size:12px; margin:0 0 4px; }
#view-ck .ck-view-meta dd { margin:0; color:var(--ink); font-size:13px; line-height:1.6; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
#view-ck .ck-view-items .grp-title::after { content:attr(data-cars); margin-left:auto; color:var(--ink2); font-size:12px; font-weight:400; }
#view-ck #ck_viewRows .row { display:grid; align-items:center; gap:6px; padding:8px; border-bottom:1px solid var(--line); cursor:pointer; }
#view-ck #ck_viewRows .row:last-child { border-bottom:0; }
#view-ck .ck-view-cell { min-width:0; padding:6px 8px; font-size:13px; line-height:1.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-variant-numeric:tabular-nums; }
#view-ck .ck-view-cell.num { text-align:right; }
#view-ck .ck-view-cell.nm { overflow-wrap:anywhere; white-space:normal; }
#view-ck #ck_viewRows .row.is-current { background:#edf5f3; }
#view-ck #ck_viewRows .row.is-current .ck-view-cell.nm { color:var(--brand-d); font-weight:600; }
#view-ck .ck-view-hint { display:flex; align-items:center; justify-content:center; min-height:72px; padding:18px 24px; color:var(--ink2); font-size:12px; line-height:1.8; text-align:center; }
#view-ck .ck-ship-tag { display:inline-flex; margin-left:8px; padding:1px 8px; border:1px solid #c2d7d0; border-radius:999px; background:#edf5f3; color:#265f46; font-size:11px; line-height:1.6; white-space:nowrap; vertical-align:middle; }
/* 出库只读表带「发货单」专列（只读、不打印、不占备注位）；出库页容器加宽一档容纳 13 列。 */
#viewPages:has(> #view-ck:not([hidden])) { max-width:1480px; }
#view-ck .ck-ship-cell { white-space:nowrap; }
#view-ck .ck-ship-cell .ck-ship-chip { max-width:100%; }
#view-ck .ck-view-remark-block { padding:24px 32px; }
#view-ck .ck-view-remark { margin:0; font-size:12px; line-height:1.8; color:var(--ink); white-space:pre-wrap; }
/* 编辑弹窗：一屏布局——表单区固定，明细表格区内滚动，整窗无滚动条。
   display:flex 只作用于 [open]（否则关闭的 [data-lz-modal] 会以普通块显示在页面里）。 */
#view-ck .ck-edit-dialog { width:calc(100vw - 48px); max-width:1500px; height:min(94dvh,1100px); }
#view-ck .ck-edit-dialog[open] { display:flex; flex-direction:column; }
#view-ck .ck-edit-dialog header { display:flex; align-items:center; gap:12px; flex:none; }
#view-ck .ck-edit-dialog header h3 { margin:0; font-size:16px; }
#view-ck .ck-edit-dialog header .dirty-badge { color:var(--ink2); font-size:12px; }
#view-ck .ck-edit-dialog header .dirty-badge.error { color:#a1322c; }
#view-ck .ck-edit-dialog header [data-ck=edit-close] { margin-left:auto; }
#view-ck .ck-edit-dialog #ck_formBody { flex:1; min-height:0; display:flex; flex-direction:column; overflow:hidden; margin-top:4px; }
/* 左右面板：左 = 基本信息 / 过磅验收 / 备注（列内滚动），右 = 出库明细（占满高度、表格内滚动）。
   操作按钮在 .ck-edit-cols 之外，横跨弹窗底部。 */
#view-ck .ck-edit-dialog .ck-edit-cols { flex:1; min-height:0; display:grid; grid-template-columns:minmax(280px,340px) minmax(0,1fr); }
#view-ck .ck-edit-dialog .ck-edit-col { min-height:0; display:flex; flex-direction:column; overflow:hidden; }
#view-ck .ck-edit-dialog .ck-edit-left { overflow-y:auto; border-right:1px solid var(--line); }
#view-ck .ck-edit-dialog .ck-edit-left .entry-basics .grid2,
#view-ck .ck-edit-dialog .ck-edit-left .entry-extra .grid2 { grid-template-columns:minmax(0,1fr); gap:10px; }
#view-ck .ck-edit-dialog .ck-edit-left .entry-basics .fld { grid-column:1/-1; }
#view-ck .ck-edit-dialog .entry-basics,#view-ck .ck-edit-dialog .entry-extra,#view-ck .ck-edit-dialog .entry-remark { flex:none; padding:10px 16px; }
#view-ck .ck-edit-dialog .entry-items { flex:1; min-height:0; display:flex; flex-direction:column; padding:10px 16px; }
#view-ck .ck-edit-dialog .items-ed { flex:1; min-height:0; }
#view-ck .ck-edit-dialog .items-ed .grid { min-width:900px; }
#view-ck .ck-edit-dialog .ck-form-actions { flex:none; padding:10px 16px; }
#view-ck .ck-edit-dialog .grp-title { margin:0 0 6px; }
#view-ck .ck-edit-dialog .entry-item-tools,#view-ck .ck-edit-dialog .pu-row { margin:0 0 6px; }
#view-ck .ck-edit-dialog #c_remark { min-height:40px; }
#view-ck .ck-ship-chip { display:inline-flex; align-items:center; padding:2px 10px; border-radius:999px; border:1px solid var(--line); background:#fff; color:var(--ink2); font-size:12px; line-height:1.6; }
#view-ck .ck-ship-chip.ok { border-color:#c2d7d0; background:#edf5f3; color:#265f46; font-weight:600; }
@media(max-width:900px){
  /* 窄屏改为整窗滚动、块级堆叠：左面板在上、明细在下，避免列内容互相叠压。 */
  #view-ck .ck-edit-dialog #ck_formBody { overflow-y:auto; }
  #view-ck .ck-edit-dialog .ck-edit-cols { display:block; overflow:visible; }
  #view-ck .ck-edit-dialog .ck-edit-col { display:block; overflow:visible; }
  #view-ck .ck-edit-dialog .ck-edit-left { border-right:0; border-bottom:1px solid var(--line); }
  #view-ck .ck-edit-dialog .ck-edit-right { min-height:0; }
  #view-ck .ck-edit-dialog .entry-items { flex:none; }
  #view-ck .ck-edit-dialog .items-ed { max-height:52vh; }
}
@media(max-width:600px){#view-ck .lz-page-head{gap:12px;margin-bottom:16px}#view-ck .ck-page-actions{margin-left:0;flex-wrap:wrap}#view-ck .no-bar{padding:14px 16px}#view-ck .entry-basics,#view-ck .entry-extra,#view-ck .entry-items,#view-ck .entry-remark{padding:16px}#view-ck .entry-basics .fld{grid-column:1/-1}#view-ck .fld input{height:42px;font-size:14px}#view-ck .btn{min-height:42px}#view-ck .ck-form-actions{padding:16px}#view-ck .ck-form-actions #ck_btnSave{flex-basis:100%}#view-ck .no-bar>div{gap:6px}#view-ck #ck_dirtyBadge{margin-left:0}#view-ck .ck-scale-choice select{height:42px}#view-ck .entry-item-tools .note{flex-basis:100%;margin-left:0}#view-ck .ck-edit-dialog{width:calc(100vw - 16px);padding:12px;height:96dvh}#view-ck .ck-view-meta{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}#view-ck .ck-view-items{padding:16px}}