.color-picker{position:relative;flex:1;min-width:0}.color-picker>input{width:100%}.color-options{position:absolute;z-index:20;top:42px;left:0;right:0;max-height:240px;overflow:auto;background:#fff;border:1px solid #ccd5df;box-shadow:0 5px 15px #0002}.color-options button{display:block;width:100%;text-align:left;background:white;border:0;padding:10px;cursor:pointer}.color-options button:hover,.color-options [aria-selected=true]{background:#e9f2fa}.color-create-dialog{max-width:440px;width:90vw;border:0;border-radius:12px;padding:24px}.color-create-dialog label{display:grid;gap:6px;margin:14px 0}.color-create-dialog::backdrop{background:#14233377}.material-hidden{display:none!important}.wo-document .doc-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}.wo-document .field{min-width:0}.wo-document input,.wo-document select{max-width:100%}.wo-product-search{display:flex;gap:10px;align-items:end;margin:18px 0}.wo-product-search .field{flex:1}.wo-issue{border-top:1px solid #dbe2e8;margin-top:24px;padding-top:18px}.wo-issue table input{min-width:90px;width:110px}.wo-issue table select{min-width:290px;max-width:520px}.wo-issue .stock-actions{margin:14px 0}.wo-print table{width:100%;border-collapse:collapse}.wo-print th,.wo-print td{border:1px solid #aeb8c2;padding:6px;text-align:left;overflow-wrap:anywhere}.wo-print .print-header th{border:0;padding:0 0 12px}.wo-print .print-header h1{font-size:20px;margin:0 0 10px}.wo-print .doc-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:12px}.wo-print thead{display:table-header-group}.wo-print tr{break-inside:avoid}.wo-print h2{font-size:15px;break-after:avoid}.wo-print .wo-print-note{white-space:pre-wrap}.wo-print small{display:block}.wo-print .table-wrap{overflow:visible}.wo-print table{font-size:11px}.wo-print .matrix-table{min-width:0!important}.wo-print .hint{font-size:11px}.wo-print .print-sheet{border:0}.wo-print .print-sheet>tbody>tr>td{border:0;padding:0}.wo-print .print-section{break-inside:auto}@media(max-width:800px){.wo-document .doc-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.wo-product-search{flex-wrap:wrap}}@media(max-width:480px){.wo-document .doc-fields{grid-template-columns:1fr}.style-color-line{flex-wrap:wrap}}@media print{@page{size:A4 landscape;margin:12mm}.wo-print{font-family:Arial,"Microsoft JhengHei",sans-serif;color:#111}.wo-print button{display:none}.wo-print .print-sheet{width:100%}.wo-print .print-section{page-break-inside:auto}}

.wo-document .doc-fields{background:transparent;border:0}.wo-document .doc-fields>div{padding:10px;border:1px solid #dce4e9;border-radius:6px}.wo-document .receipt-matrix small{display:block;margin-top:4px;color:#667887}.wo-document .inline-field{display:grid;gap:6px;align-content:start;min-width:0}.wo-document .inline-field input,.wo-document .inline-field select{width:100%}.wo-document h1{font-size:23px}.wo-issue [data-issue-location]{max-width:540px}.wo-print .print-sheet>tbody>tr{break-inside:auto}

@media(max-width:480px){.card-title:has(#recordFormTitle){flex-wrap:wrap;gap:12px}.card-title:has(#recordFormTitle)>div:first-child{flex:1 1 100%;min-width:0}#recordFormTitle{overflow-wrap:anywhere}#recordSaveBtn,#recordCancelBtn{white-space:nowrap;min-width:64px}}