/* Generated by tools/build-shipment-reference.cjs; edit its templates and rebuild. */
#view-fh { margin:0; padding:0; height:auto; min-height:0; background:transparent; color:var(--ink); }
#view-fh .lz-page-head h2 { margin:0; }
#view-fh .fh-required { margin-left:4px; color:#b42318; font-weight:600; }
#view-fh .fh-required-note { display:inline-block; margin-left:12px; color:var(--ink2); font-size:12px; }
#view-fh .fh-required-note .fh-required { margin-left:0; }
#view-fh .fh-page-actions { display:flex; gap:8px; margin-left:auto; }
#view-fh .fh-memory-control { position:relative; width:100%; min-width:0; }
#view-fh .fh-memory-list { position:absolute; top:calc(100% + 4px); left:0; z-index:30; width:100%; min-width:min(340px,calc(100vw - 64px)); max-height:280px; overflow:auto; border:1px solid var(--line); border-radius:8px; background:var(--panel); box-shadow:0 8px 24px rgba(18,48,60,.14); scrollbar-color:#8eaab4 var(--soft); }
#view-fh .fh-memory-list.opens-up { top:auto; bottom:calc(100% + 4px); }
#view-fh .fh-memory-hint,#view-fh .fh-memory-empty { margin:0; padding:10px 12px; color:var(--ink2); font-size:12px; line-height:1.6; }
#view-fh .fh-memory-hint { border-bottom:1px solid var(--line); }
#view-fh .fh-memory-option { display:flex; flex-direction:column; gap:4px; padding:10px 12px; color:var(--ink); cursor:pointer; overflow-wrap:anywhere; }
#view-fh .fh-memory-option strong { font-size:13px; font-weight:600; }
#view-fh .fh-memory-option span { color:var(--ink2); font-size:12px; line-height:1.6; }
#view-fh .fh-memory-option:hover,#view-fh .fh-memory-option[aria-selected=true] { background:#edf5f3; }
#view-fh #fhWorkspace { display:block; margin:0; padding:0; width:100%; max-width:none; height:auto; overflow:visible; }
#view-fh .fh-sheet { border:1px solid var(--line); border-radius:12px; background:var(--panel); }
#view-fh #sh_formBody { display:block; min-width:0; max-height:none; padding:0; overflow:visible; }
#view-fh .no-bar { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:0; padding:16px 24px; border:0; border-bottom:1px solid var(--line); border-radius:12px 12px 0 0; background:var(--soft); color:var(--ink); box-shadow:none; }
#view-fh .no-bar>div { display:flex; flex-wrap:wrap; align-items:baseline; gap:12px; }
#view-fh .no-bar .k { margin:0; color:var(--ink2); font-size:12px; }
#view-fh .no-bar .v { color:var(--brand-d); font-size:14px; font-weight:600; line-height:1.5; letter-spacing:0; font-variant-numeric:tabular-nums; }
#view-fh #sh_dirtyBadge { display:inline-flex; margin-left:auto; color:var(--ink2); font-size:12px; background:none; padding:0; border:0; }
#view-fh fieldset { min-width:0; margin:0; padding:0; border:0; border-radius:0; background:transparent; }
#view-fh .grp-title { display:flex; align-items:center; gap:10px; margin:0 0 14px; padding:0; border:0; background:none; color:var(--ink); font-size:14px; font-weight:600; line-height:1.5; }
#view-fh .grp-title::before { content:none; }
#view-fh .entry-items>.grp-title { justify-content:flex-start; }
#view-fh .entry-items>.grp-title::after { content:attr(data-count); margin-left:auto; color:var(--ink2); font-size:12px; font-weight:400; }
#view-fh .grid2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 16px; }
#view-fh .fld { display:flex; min-width:0; flex-direction:column; gap:6px; margin:0; }
#view-fh .fld.wide { grid-column:1/-1; }
#view-fh .entry-contact .fld:has(#h_shipper),#view-fh .entry-contact .fld:has(#h_shipAddr) { grid-column:1/-1; }
#view-fh .fld label { display:block; margin:0; color:var(--ink2); font-size:12px; font-weight:400; line-height:1.5; }
#view-fh :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-fh .fld input { width:100%; height:36px; padding:6px 10px; }
#view-fh input:read-only { color:var(--ink2); background:var(--soft); }
#view-fh :is(input,textarea,select):focus { border-color:var(--brand); }
#view-fh input:disabled { opacity:1; color:var(--ink2); background:var(--soft); }
#view-fh .entry-basics { padding:20px 24px; border-bottom:1px solid var(--line); }
#view-fh .entry-basics .grid2 { grid-template-columns:repeat(12,minmax(0,1fr)); }
#view-fh .entry-basics .fld { grid-column:span 3; }
#view-fh .entry-basics .fld:has(#h_date) { grid-column:span 2; }
#view-fh .entry-basics .fld:has(#h_customer) { grid-column:span 4; }
#view-fh .entry-basics .fld:has(#h_custAddr) { grid-column:1/-1; }
#view-fh .sg-cols { display:grid; grid-template-columns:minmax(280px,.85fr) minmax(0,1.85fr); gap:32px; margin:0; padding:24px; }
#view-fh .sg-col { display:flex; min-width:0; flex-direction:column; gap:24px; padding:0; border:0; background:none; }
#view-fh .entry-extra { padding-top:20px; border-top:1px solid var(--line); }
#view-fh .entry-remark { padding-top:20px; border-top:1px solid var(--line); }
#view-fh #h_remark { display:block; width:100%; min-height:120px; padding:10px; resize:vertical; font-size:12px; line-height:1.8; }
#view-fh .entry-item-tools { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 12px; padding:0; border:0; background:none; }
#view-fh .entry-options { display:flex; flex-wrap:wrap; align-items:center; gap:12px 16px; margin:0 0 12px; padding:10px 12px; border:0; border-radius:6px; background:var(--soft); color:var(--ink2); font-size:12px; }
#view-fh .pu-row { display:contents; }
#view-fh .paper-pick { display:flex; align-items:center; gap:8px; margin:0; padding:0; }
#view-fh .paper-pick select { height:32px; padding:4px 8px; }
#view-fh .switch { display:inline-flex; align-items:center; gap:6px; margin:0; color:var(--ink2); font-size:12px; }
#view-fh .switch input { width:15px; height:15px; padding:0; accent-color:var(--brand); }
#view-fh .entry-guide { position:relative; margin-left:auto; }
#view-fh .entry-guide summary { color:var(--brand); cursor:pointer; }
#view-fh .entry-guide[open] { flex-basis:100%; }
#view-fh .entry-guide .note { display:block; padding-top:8px; font-size:12px; line-height:1.7; }
#view-fh .items-ed { width:100%; overflow-x:auto; border:1px solid var(--line); border-radius:6px; background:#fff; scrollbar-color:#8eaab4 var(--soft); }
#view-fh .items-ed .grid { min-width:640px; }
#view-fh .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; }
#view-fh .items-ed .hd>span:first-child { text-align:left; }
#view-fh .items-ed .row { display:grid; align-items:center; gap:6px; padding:8px; border-bottom:1px solid var(--line); }
#view-fh .items-ed .row:last-child { border-bottom:0; }
#view-fh .items-ed .row input { width:100%; height:36px; padding:6px; font-size:13px; font-variant-numeric:tabular-nums; }
#view-fh .items-ed .num { text-align:right; }
#view-fh .items-ed input::-webkit-inner-spin-button { appearance:none; margin:0; }
#view-fh .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-fh .items-ed .del:hover { background:#fdeeee; }
#view-fh .fh-form-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; padding:16px 24px; border-top:1px solid var(--line); }
#view-fh .fh-form-actions #sh_sgPrintBtn { margin-left:auto; }
#view-fh .fh-message { margin:0; padding:0 24px; font-size:12px; line-height:1.8; color:#265f46; }
#view-fh ::selection { background:#dcebe7; color:var(--brand-d); }
@media(min-width:1100px){#view-fh .entry-extra .grid2{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){#view-fh .sg-cols{grid-template-columns:minmax(240px,.8fr) minmax(0,1.6fr);gap:24px}#view-fh .entry-basics .fld{grid-column:span 3}#view-fh .entry-basics .fld:has(#h_date){grid-column:span 3}#view-fh .entry-basics .fld:has(#h_customer){grid-column:span 3}}
@media(max-width:900px){#view-fh .sg-cols{grid-template-columns:1fr}#view-fh .entry-contact .grid2{grid-template-columns:repeat(4,minmax(0,1fr))}#view-fh .entry-contact .fld.wide{grid-column:span 2}#view-fh .entry-basics .fld{grid-column:span 6}#view-fh .entry-basics .fld:has(#h_date){grid-column:span 6}#view-fh .entry-basics .fld:has(#h_customer){grid-column:span 6}}
@media(max-width:600px){#view-fh .lz-page-head{gap:12px;margin-bottom:16px}#view-fh .fh-page-actions{margin-left:0}#view-fh .no-bar{padding:14px 16px}#view-fh .entry-basics{padding:16px}#view-fh .sg-cols{padding:20px 16px;gap:24px}#view-fh .entry-contact .grid2{grid-template-columns:repeat(2,minmax(0,1fr))}#view-fh .entry-contact .fld.wide{grid-column:1/-1}#view-fh .entry-basics .fld:has(#h_customer){grid-column:1/-1}#view-fh .entry-basics .fld:has(#h_date){grid-column:1/-1}#view-fh .fld input{height:42px;font-size:14px}#view-fh .btn{min-height:42px}#view-fh .switch{min-height:32px}#view-fh .fh-form-actions{padding:16px}#view-fh .fh-form-actions #sh_btnSave{flex-basis:100%}#view-fh .fh-form-actions #sh_sgPrintBtn{margin-left:0}#view-fh .entry-options{gap:8px 12px}#view-fh .no-bar>div{gap:6px}#view-fh #sh_dirtyBadge{margin-left:0}}
#view-fh .fh-message:empty { display:none; }
#view-fh .fh-message:not(:empty) { padding-top:10px; padding-bottom:10px; }
#view-fh .fh-message.error,#view-fh #sh_dirtyBadge.error { color:#a1322c; }
#view-fh .fh-money-mask { display:flex; align-items:center; justify-content:flex-end; padding:0 7px; }
#view-fh :is(input,textarea,select):focus-visible,.fh-dialog :is(input,textarea,select):focus-visible { outline:2px solid #1d4e63; outline-offset:2px; }
#view-fh button:disabled,.fh-dialog button:disabled { cursor:not-allowed; }
.fh-dialog { width:calc(100vw - 32px); max-width:1000px; max-height:90dvh; padding:20px; margin:auto; overflow:auto; border:1px solid #d7e0e7; border-radius:12px; color:#16222e; background:#fff; font:13px 'Microsoft YaHei',sans-serif; }
.fh-dialog::backdrop { background:rgba(18,40,51,.5); }
.fh-dialog header,.fh-dialog footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.fh-dialog h3 { font-size:16px; margin:0; }
.fh-dialog footer { justify-content:flex-end; margin-top:18px; }
.fh-query { display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px; margin:20px 0; }
.fh-query label { display:flex; flex-direction:column; gap:6px; }
.fh-query input { min-width:0; height:35px; padding:7px; border:1px solid #bdcbd3; border-radius:6px; font:inherit; }
.fh-record-message { color:#a1322c; }
.fh-table-scroll { overflow:auto; scrollbar-color:#8eaab4 #edf3f5; }
.fh-dialog table { width:100%; min-width:750px; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.fh-dialog th,.fh-dialog td { text-align:left; border-bottom:1px solid #e1e8ed; padding:12px 8px; }
.fh-dialog th { font-size:12px; background:#f1f6f7; }
.fh-dialog td .lz-btn { margin:0 5px 4px 0; }
.fh-dialog iframe { display:block; width:100%; height:65dvh; border:1px solid #d7e0e7; margin-top:18px; }
.fh-dialog .fh-dialog-intro { margin:18px 0; color:var(--ink2); line-height:1.8; }
.fh-dialog .fh-detail-meta { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 20px; margin:18px 0; }
.fh-dialog .fh-detail-meta>div { min-width:0; }
.fh-dialog .fh-detail-meta dt { color:var(--ink2); font-size:12px; margin:0 0 6px; }
.fh-dialog .fh-detail-meta dd { margin:0; color:var(--ink); font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.fh-dialog .fh-document-detail h4 { display:flex; align-items:baseline; gap:12px; margin:22px 0 12px; color:var(--ink); font-size:14px; }
.fh-dialog .fh-document-detail h4 span { color:var(--ink2); font-size:12px; font-weight:400; }
.fh-dialog .fh-document-detail .fh-table-scroll { max-height:32dvh; border:1px solid var(--line); border-radius:6px; }
.fh-dialog .fh-detail-table { min-width:720px; }
.fh-dialog .fh-detail-table thead { position:sticky; top:0; }
.fh-dialog .fh-detail-table th,.fh-dialog .fh-detail-table td { padding:10px 12px; text-align:right; white-space:nowrap; }
.fh-dialog .fh-detail-table th:first-child,.fh-dialog .fh-detail-table td:first-child { text-align:left; white-space:normal; min-width:150px; overflow-wrap:anywhere; }
.fh-dialog .fh-detail-table .fh-empty { text-align:center; color:var(--ink2); padding:24px; }
.fh-dialog .fh-detail-total { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px 28px; padding:14px 0; border-bottom:1px solid var(--line); color:var(--ink2); }
.fh-dialog .fh-detail-total b { color:var(--ink); margin-left:10px; font-variant-numeric:tabular-nums; }
.fh-dialog .fh-detail-warning { color:#765015; font-size:12px; line-height:1.7; margin:12px 0; }
.fh-dialog .fh-more-info { margin:16px 0 0; }
.fh-dialog .fh-more-info summary { color:var(--brand); cursor:pointer; }
.fh-dialog .fh-detail-remark { color:var(--ink2); white-space:pre-wrap; line-height:1.8; }
.fh-dialog .fh-decision-actions { flex-wrap:wrap; padding-top:16px; border-top:1px solid var(--line); }
.fh-dialog .fh-decision-actions [data-choice=cancel] { margin-right:auto; }
@media(max-width:600px){.fh-dialog .fh-detail-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fh-dialog .fh-decision-actions .lz-btn{flex:1;min-width:95px}.fh-dialog .fh-document-detail .fh-table-scroll{max-height:28dvh}.fh-dialog .fh-detail-total{justify-content:flex-start}}
@media(max-width:600px){.fh-dialog{padding:14px}.fh-query input{max-width:100%}#view-fh .fh-page-actions{flex-wrap:wrap}}

#view-fh .fh-scale-choice { display:flex; align-items:center; gap:6px; margin:0; color:var(--ink2); font-size:12px; }
#view-fh .fh-scale-choice select { height:36px; padding:4px 8px; }
#view-fh .fh-active-row { display:inline-flex; align-items:center; color:var(--ink2); font-size:12px; }
#view-fh #sh_itemRows .row.is-current { outline:0; background:#edf5f3; }
#view-fh #sh_itemRows .row.is-current input:not(:focus) { border-color:#c2d7d0; }
#view-fh #sh_itemRows .row.is-current input[readonly] { background:#e6efeb; }
#view-fh #sh_itemRows .row.is-current input.nm { color:var(--brand-d); font-weight:600; }
#view-fh .fh-form-actions { background:var(--soft); border-radius:0 0 12px 12px; }
@media(max-width:760px){#view-fh .fh-scale-choice select{height:42px}}