/* Shared browser tools: inputs on the left, a persistent result on the right. */
.sbon-tool-workspace{display:grid!important;grid-template-columns:minmax(280px,1fr) minmax(320px,1.12fr);gap:12px!important;align-items:start;width:100%;margin:8px 0}.sbon-tool-input,.sbon-tool-output{min-width:0;max-width:100%;border:1px solid var(--line);border-radius:4px;padding:10px!important;overflow-wrap:anywhere}.sbon-tool-input>form,.sbon-tool-input form{margin:0;max-width:none}.sbon-tool-input label{display:block}.sbon-tool-input input:not([type=checkbox]):not([type=radio]):not([type=button]),.sbon-tool-input select,.sbon-tool-input textarea{width:100%;max-width:100%;box-sizing:border-box}.sbon-tool-input textarea{min-height:66px;resize:vertical}.sbon-tool-input .btn-row{display:flex;flex-wrap:wrap;gap:6px}.sbon-tool-output{position:sticky;top:8px;min-height:250px}.sbon-tool-output>:is(#document-preview,#shipping-preview,#data-preview,#calculation-results){margin:0;border:0!important;padding:0!important}.sbon-preview-empty h2,.sbon-tool-output h2{margin-top:0!important;font-size:15px!important}.sbon-preview-empty>p{font-size:12.5px;color:var(--text-2,var(--muted))}.sbon-document-draft{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.sbon-document-draft .draft-meta,.document-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sbon-document-draft label,.document-details .document-label{font-size:12px;font-weight:600;color:var(--text-2,var(--muted))}.sbon-document-draft p,.document-details p{white-space:pre-wrap;min-height:26px;overflow-wrap:anywhere}.sbon-document-draft table,.sbon-tool-output table{border-collapse:collapse;width:100%;font-size:12.5px}.sbon-document-draft th,.sbon-document-draft td{padding:6px;border-bottom:1px solid var(--line);text-align:left}.sbon-document-draft .draft-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px;font-weight:600;margin-top:10px}.sbon-tool-input>.sbon-input-notes{font-size:12px;margin-bottom:8px}.sbon-input-notes summary{cursor:pointer}.sbon-tool-output .table-scroll,.sbon-tool-output .data-table,.sbon-tool-output .document-table,.sbon-tool-output .shipping-table{overflow-x:auto;max-width:100%}.sbon-tool-output .grid{display:block!important}.sbon-tool-output .grid>*{margin-bottom:8px}.sbon-tool-input .row-editor{max-width:100%;overflow:auto}.sbon-tool-input .row-editor table{min-width:360px}.sbon-tool-input .row-editor input{min-width:70px}.sbon-tool-output [hidden],.sbon-preview-empty[hidden]{display:none!important}
@media(min-width:901px){.sbon-tool-output{max-height:calc(100vh - 24px);overflow:auto}}
@media(max-width:900px){.sbon-tool-workspace{grid-template-columns:minmax(0,1fr)!important}.sbon-tool-output{position:static;min-height:200px}.sbon-tool-input,.sbon-tool-output{padding:8px!important}.sbon-document-draft .draft-meta,.document-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{body main>.sbon-tool-workspace,body[data-document] main>.sbon-tool-workspace,body[data-shipping] main>.sbon-tool-workspace{display:contents!important}.sbon-tool-workspace>.sbon-tool-input{display:none!important}.sbon-tool-workspace>.sbon-tool-output{display:block!important;position:static!important;border:0!important;padding:0!important;margin:0!important;max-height:none!important;overflow:visible!important}.sbon-tool-output .sbon-preview-empty{display:none!important}.sbon-tool-output .document-details{display:grid!important;grid-template-columns:1fr 1fr}.sbon-tool-output .table-scroll,.sbon-tool-output .data-table,.sbon-tool-output .document-table,.sbon-tool-output .shipping-table{overflow:visible!important}.sbon-tool-output table{table-layout:fixed}.sbon-tool-output tr{break-inside:avoid}.sbon-tool-workspace .sbon-tool-output>*[hidden]{display:none!important}}

.sbon-tool-input #worksheet{max-width:100%;overflow:auto}.sbon-tool-input #form-table{min-width:520px}.sbon-tool-output #worksheet-preview th,.sbon-tool-output #worksheet-preview td{padding:6px;border-bottom:1px solid var(--line)}.sbon-tool-output #worksheet-preview td{min-height:28px;white-space:pre-wrap}.sbon-tool-output #worksheet-preview .table-scroll{overflow:auto}.sbon-tool-output #worksheet-preview h2{font-size:15px}
@media print{.forms-main>.sbon-tool-workspace{display:contents!important}.sbon-tool-output #worksheet-preview{display:block!important}.sbon-tool-output #worksheet-preview .table-scroll{overflow:visible!important}}

@media print{body[data-document] main#main>.sbon-tool-workspace,body[data-shipping] main#main>.sbon-tool-workspace{display:contents!important}}