/* Native-size desktop controls: no image resampling or scaled text. */
@media screen {
 body.vertex-desktop.vn-interface #desktopToolbar,
 body.vertex-desktop.vn-interface #desktopToolbar .vx-shortcut,
 body.vertex-desktop.vn-interface #desktopToolbar .vx-shortcut > button.btn,
 body.vertex-desktop.vn-interface #desktopToolbar .vx-shortcut > button.btn:is(:hover,:active,:focus),
 body.vertex-desktop.vn-interface #desktopToolbar .vx-toolbar-menu>summary {
  background:#f0f0f0!important;background-image:none!important;box-shadow:none!important;border-radius:0!important;filter:none!important;
 }
 body.vertex-desktop.vn-interface #desktopToolbar .vx-shortcut>button.btn{border:0!important;width:43px!important;min-width:43px!important;padding:0 3px!important;gap:0!important;height:32px!important;min-height:32px!important}
 body.vertex-desktop.vn-interface #desktopToolbar :is(.shortcut-label,.vx-toolbar-menu>summary){font:400 12px/15px Arial,sans-serif!important;text-shadow:none!important}
 body.vertex-desktop.vn-interface #desktopToolbar .vn-classic-icon{width:18px!important;height:16px!important;background:none!important;border:0!important;box-shadow:none!important;image-rendering:pixelated}
 body.vertex-desktop.vn-interface #desktopToolbar .vx-shortcut{border:0!important;border-inline-end:1px solid #c8c8c8!important}
 body.vertex-desktop.vn-interface #desktopToolbar .vx-shortcut::before,
 body.vertex-desktop.vn-interface #desktopToolbar .vx-shortcut::after,
 body.vertex-desktop.vn-interface #desktopToolbar .btn::before,
 body.vertex-desktop.vn-interface #desktopToolbar .btn::after{background:none!important;box-shadow:none!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm.ir-compact-invoice .ir-payment-footer{display:flex!important;flex-flow:row nowrap!important;overflow-x:auto!important;align-items:center!important;gap:8px 24px!important;padding:7px 6px!important;min-height:40px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm.ir-compact-invoice .ir-payment-footer>div,
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm.ir-compact-invoice .ir-payment-footer>.ir-customer-remaining{display:flex!important;flex:0 0 auto!important;flex-flow:row nowrap!important;width:auto!important;gap:7px!important;align-items:center!important;white-space:nowrap!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm.ir-compact-invoice .ir-payment-footer :is(label,input,output,.ir-amount-words){font:700 16px/24px Arial,sans-serif!important;white-space:nowrap!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm.ir-compact-invoice .ir-payment-footer input{width:100px!important;height:28px!important;min-height:28px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm.ir-compact-invoice .ir-payment-footer>[data-ref-suppressed="1"]{display:none!important}
 dialog.ref-options{direction:rtl;box-sizing:border-box;width:min(983px,96vw);height:min(606px,92vh);max-width:96vw;max-height:92vh;padding:0;border:1px solid #888;background:#f0f0f0;color:#111;box-shadow:0 3px 12px #0004;font:12px Arial,sans-serif}
 dialog.ref-options::backdrop{background:#0003}
 .ref-options>header{display:flex;align-items:center;justify-content:space-between;background:#fafafa;padding:4px 8px;min-height:22px;box-sizing:border-box}
 .ref-options>header button{border:0;background:transparent;font:18px Arial;cursor:pointer}
 .ref-options form{height:calc(100% - 32px);display:flex;flex-direction:column;gap:0;padding:8px;box-sizing:border-box}
 .ref-options [role=tablist]{display:flex;flex:none;direction:rtl;margin:0;padding:0}
 .ref-options [role=tab]{flex:1;border:1px solid #999;border-radius:5px 5px 0 0;background:#eee;font:12px Arial;padding:3px 4px;min-height:23px;cursor:pointer}
 .ref-options [role=tab][aria-selected=true]{border-bottom-color:#f0f0f0;background:#f0f0f0;font-weight:700}
 .ref-options [role=tabpanel]{flex:1;min-height:0;overflow:auto;border:1px solid #999;border-top:0;padding:18px 12px;box-sizing:border-box}
 .ref-options [role=tabpanel][hidden]{display:none!important}
 .ref-options .ref-option-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;align-content:start}
 .ref-options .ref-option-group{display:flex;flex-direction:column;gap:9px;min-width:0}
 .ref-options label{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:20px;font:12px/18px Arial}
 .ref-options label.ref-check{justify-content:flex-start}
 .ref-options input[type=checkbox]{flex:none;width:13px;height:13px;margin:0}
 .ref-options :is(input:not([type=checkbox]),select){box-sizing:border-box;min-width:0;width:155px;height:22px;padding:1px 4px;border:1px inset #ccc;background:#fff;font:12px Arial}
 .ref-options input[type=number]{width:70px}
 .ref-options fieldset{border:1px solid #b6b6b6;padding:10px;margin:3px 0;display:flex;flex-direction:column;gap:9px;min-width:0}
 .ref-options legend{font:700 12px Arial;padding:0 4px}
 .ref-options footer{display:flex;gap:9px;flex:none;padding-top:7px}
 .ref-options button.ref-command{border:1px solid;border-color:#fff #888 #888 #fff;background:#f5f5f5;font:12px Arial;min-height:24px;padding:3px 12px;cursor:pointer}
 .ref-options footer button{min-width:145px}
 .ref-options [data-paths]{margin-inline-start:auto;min-width:220px}
 .ref-options .ref-option-note{font:12px/1.6 Arial;color:#555;margin:5px 0}
 .ref-options output{color:#ae0000;min-height:18px;white-space:pre-wrap}
 body.ref-hide-grid #tradeForm .ir-grid td{border-color:transparent!important}
 body.ref-no-stripes #tradeForm .table-wrap{background:#fff!important}
 body.ref-no-stripes #tradeForm .ir-grid tbody tr>td{background:#fff!important}
 @media(max-width:650px){.ref-options .ref-option-columns{grid-template-columns:1fr}.ref-options [role=tab]{font-size:11px}.ref-options footer button{min-width:0}.ref-options [data-paths]{min-width:0}}
}

@media screen {
.ref-options>header{direction:ltr}.ref-options>header span{direction:rtl}
body.ref-hide-followups .mr-reminders{display:none!important}
body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-grid .ref-option-hidden{display:none!important}
body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-grid td{height:var(--ref-row)!important;line-height:var(--ref-row)!important;font-size:var(--ref-font)!important}
body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-grid :is(input,select,.master-search){height:var(--ref-row)!important;min-height:var(--ref-row)!important;font:var(--ref-font)/var(--ref-row) Arial!important}
body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm.ref-large-cells{--ref-font:16px!important;--ref-row:24px!important}
}

@media screen {body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-grid :is(.master-combo,.master-dropdown){min-height:var(--ref-row)!important;height:var(--ref-row)!important;padding-top:0!important;padding-bottom:0!important}body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-grid td{min-height:0!important;padding-top:0!important;padding-bottom:0!important}}

.display-policy-hidden{display:none!important}
/* Measured against the user's 14:16 Display Options reference, at native zoom. */
@media screen {
 dialog.ref-options{width:min(842px,96vw);height:min(540px,94vh);font-family:Tahoma,Arial,sans-serif}
 .ref-options>header{height:22px;min-height:22px;padding:0 8px;font:11px/22px Tahoma,Arial,sans-serif;color:#777}
 .ref-options form{height:calc(100% - 22px);padding:10px}
 .ref-options [role=tab]{font:11px/15px Tahoma,Arial,sans-serif;min-height:19px;padding:1px 4px}
 .ref-options [role=tabpanel]{padding:20px 12px 8px}
 .ref-options .ref-display-reference{height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 74px;column-gap:25px;min-width:745px}
 .ref-options .ref-display-reference label{font:10px/17px Tahoma,Arial,sans-serif;min-height:20px;justify-content:flex-start;gap:4px;white-space:nowrap}
 .ref-options .ref-display-reference input:is([type=checkbox],[type=radio]){appearance:auto;box-sizing:border-box;flex:none;width:11px;height:11px;min-height:0;padding:0;margin:0;border:0}
 .ref-options .ref-display-reference .ref-unavailable{color:#666}
 .ref-options .ref-display-reference .ref-warning{color:#b50000}
 .ref-options .ref-radio-row{display:flex;gap:9px}
 .ref-options .ref-inline-row{display:flex;align-items:center;gap:6px;min-height:20px}
 .ref-options .ref-inline-value{flex:1;width:105px;min-width:50px;height:18px;font:10px Tahoma,Arial,sans-serif}
 .ref-options fieldset.ref-support-price{grid-column:1/-1;display:grid;grid-template-columns:145px 225px 1fr;align-items:center;gap:15px;padding:3px 12px;margin:0;border:1px solid #b6b6b6}
 .ref-options .ref-support-price legend{font:10px Tahoma,Arial,sans-serif}
 .ref-options .ref-support-types{display:grid;grid-template-columns:1fr 1fr}
 .ref-options .ref-support-note{font:10px/18px Tahoma,Arial,sans-serif;white-space:nowrap}
 .ref-options output:empty{display:none}
 .ref-options output{font:11px Tahoma,Arial,sans-serif}
 .ref-options footer{padding-top:7px;gap:10px}
 .ref-options footer button.ref-command{font:11px/16px Tahoma,Arial,sans-serif;min-height:21px;padding:1px 8px;min-width:160px}
 .ref-options [data-paths]{min-width:290px!important}
 .ref-bakemix-extras{border:1px solid #bbb;padding:6px}.ref-bakemix-extras>summary{cursor:pointer;font-weight:bold;margin-bottom:6px}
 #tradeForm.ref-hide-middle .ref-header [data-field]:is([data-field=partyTax],[data-field=deliveryAddress],[data-field=referenceNumber],[data-field=notes]){display:none!important}
 @media(max-width:850px){.ref-options .ref-display-reference{min-width:0;grid-template-columns:1fr;grid-template-rows:auto;gap:12px}.ref-options fieldset.ref-support-price{grid-column:1;grid-template-columns:1fr}.ref-options .ref-support-note{white-space:normal}.ref-options footer button.ref-command{min-width:0}.ref-options [data-paths]{min-width:0!important}}
}
@media screen {
body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-grid td{vertical-align:middle!important;line-height:1!important}
body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-grid td>input,
body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-grid td>select:not(.master-native){display:block!important}
body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-grid td>output{box-sizing:border-box!important;height:var(--ref-row)!important;min-height:0!important;max-height:var(--ref-row)!important;padding:0 3px!important;line-height:var(--ref-row)!important;font-size:var(--ref-font)!important}
}

/* Shared live document controls. Retain real fields, permissions and events. */
@media screen {
 body.vertex-desktop.vn-interface.ref-single-preview #modal :is(#tradeForm,#voucherForm,#returnForm,#vxStockForm,#transferGridForm,#chequeForm) :is(table,tbody,tr,td){font-family:Arial,sans-serif!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-grid td{box-sizing:border-box!important;border-width:0 1px 1px 0!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-grid td :is(.master-combo,.master-search,select,input){box-sizing:border-box!important;margin-top:0!important;margin-bottom:0!important;max-height:var(--ref-row)!important;line-height:calc(var(--ref-row) - 2px)!important;vertical-align:middle!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-grid .master-arrow{height:var(--ref-row)!important;min-height:0!important;padding:0!important;line-height:var(--ref-row)!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal :is(#returnForm,#vxStockForm)>.vx-form-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px 12px!important;max-width:1040px!important;margin-left:0!important;margin-right:auto!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal :is(#returnForm,#vxStockForm) :is(input,select,.master-search){font:11px/18px Arial!important;min-height:20px!important;height:20px!important;border-radius:0!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal :is(#voucherForm,#returnForm,#vxStockForm,#transferGridForm,#chequeForm) :is(.data-table,.ve-grid) th{font:11px/20px Arial!important;background:var(--ref-accent,#2066b2)!important;color:#fff!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal :is(#voucherForm,#returnForm,#vxStockForm,#transferGridForm,#chequeForm) :is(.data-table,.ve-grid) tbody tr:nth-child(even)>td{background:var(--ref-stripe,#e1e1e1)!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal .receipt-balance-summary{font:700 16px/24px Arial!important;color:#bd0000!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal [data-ref-suppressed="1"]{display:none!important}
 body.ref-no-stripes #modal [data-ref-kind] :is(.data-table,.ve-grid) tbody tr>td{background:#fff!important}
 body.ref-hide-grid #modal [data-ref-kind] :is(.data-table,.ve-grid) td{border-color:transparent!important}
 .ref-options .ref-option-group{gap:6px}.ref-options fieldset{gap:6px;padding:8px}.ref-options [role=tabpanel]{padding:12px}
 @media(max-width:900px){body.vertex-desktop.vn-interface.ref-single-preview #modal :is(#returnForm,#vxStockForm)>.vx-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
}

.ref-journal-view{width:min(760px,94vw);max-height:85vh;overflow:auto;background:#f0f0f0;border:1px solid #888;padding:16px;font:13px Tahoma}.ref-journal-view table{width:100%;border-collapse:collapse}.ref-journal-view th{background:#2066b2;color:white}.ref-journal-view td,.ref-journal-view th{border:1px solid #ccc;padding:5px}.ref-journal-view button{margin-top:12px}.ref-payment-description{font:700 13px Arial;margin:2px 6px}
.ref-label-preview{width:min(800px,94vw);max-height:85vh;overflow:auto;background:#f0f0f0;border:1px solid #888;padding:15px}.ref-label-sheet{display:flex;flex-wrap:wrap;gap:10px}.ref-barcode-label{width:280px;max-width:100%;text-align:center;border:1px solid #ddd;padding:8px;font:13px Arial;break-inside:avoid}.ref-barcode-label strong{display:block}.ref-options button:focus-visible{outline:1px dotted #555!important;outline-offset:-3px!important}

.ref-display-bulk{display:flex;gap:8px;padding:6px 0;margin-bottom:6px}