/* September 26 references. Live controls at native resolution: no bitmap canvas,
   scale transforms or zoom. The same dimensions serve every desktop family. */
@media screen {
 body.vertex-desktop.vn-interface.ref-single-preview {--ref-row:14px;--ref-header:22px;--ref-font:11px;--ref-blue:#2066b2;--ref-stripe:#e1e1e1;--ref-accent:var(--ref-blue);--ref-face:#f0f0f0;color:#111;font-family:Arial,sans-serif!important;text-rendering:optimizeLegibility}
 body.vertex-desktop.vn-interface.ref-single-preview :is(button,input,select,textarea,table,label,output,kbd,.master-search){font-family:Arial,sans-serif!important;font-variant-numeric:tabular-nums}
 body.vertex-desktop.vn-interface.ref-single-preview :is(#content,#modalBody){font-size:var(--ref-font)!important}
 body.vertex-desktop.vn-interface.ref-single-preview :is(.btn,.cw-icon){font-size:11px!important;font-weight:600;line-height:18px!important;border-radius:0!important;box-shadow:none!important;min-height:23px;padding:1px 8px}
 body.vertex-desktop.vn-interface.ref-single-preview :is(input,select,textarea):not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]){font-size:11px!important;border-radius:0!important}
 body.vertex-desktop.vn-interface.ref-single-preview :is(#mainNav>details>summary,#desktopToolbar .shortcut-label){font:600 11px/16px Arial,sans-serif!important}
 body.vertex-desktop.vn-interface.ref-single-preview #desktopToolbar .vx-shortcut>.btn{background:transparent!important;border:0!important;box-shadow:none!important;min-height:32px!important;width:auto!important;min-width:44px!important;padding:0 5px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #desktopToolbar .shortcut-label{white-space:nowrap!important}
 body.vertex-desktop.vn-interface.ref-single-preview #desktopToolbar .vn-vector-icon{width:18px!important;height:16px!important;stroke:none!important;fill:none!important;overflow:visible}
 body.vertex-desktop.vn-interface.ref-single-preview :is(.rwc-caption,.ve-window>h2,.page-head){background:linear-gradient(#9eb8d0,#d2e2ed)!important;color:#254664!important;font:11px/24px Arial,sans-serif!important;min-height:24px!important}
 body.vertex-desktop.vn-interface.ref-single-preview :is(.rwc-caption button,.rwc-caption .btn){min-width:24px!important;width:24px!important;height:20px!important;min-height:20px!important;font:600 14px/16px Arial!important;padding:0!important}
 body.vertex-desktop.vn-interface.ref-single-preview :is(.data-table,.ve-grid,.cd-table){font:11px/19px Arial,sans-serif!important;border-spacing:0!important}
 body.vertex-desktop.vn-interface.ref-single-preview :is(.data-table,.ve-grid,.cd-table) thead th{font:11px/20px Arial,sans-serif!important;height:var(--ref-header)!important;padding:1px 4px!important;background:var(--ref-accent)!important;color:#fff!important;border-color:#f6f6f6!important}
 body.vertex-desktop.vn-interface.ref-single-preview :is(.data-table,.ve-grid,.cd-table) tbody td{font-size:11px!important;line-height:14px!important;height:var(--ref-row)!important;padding:0 3px!important;border-color:#f6f6f6!important}
 body.vertex-desktop.vn-interface.ref-single-preview [data-ref-kind=payment],body.vertex-desktop.vn-interface.ref-single-preview [data-ref-kind=payment_cheque],body.vertex-desktop.vn-interface.ref-single-preview [data-ref-kind=sale_return],body.vertex-desktop.vn-interface.ref-single-preview [data-ref-kind=purchase_return]{--ref-accent:#c00000;--ref-stripe:#fbdde1}
 body.vertex-desktop.vn-interface.ref-single-preview [data-ref-kind=stock_in],body.vertex-desktop.vn-interface.ref-single-preview [data-ref-kind=stock_out],body.vertex-desktop.vn-interface.ref-single-preview [data-ref-kind=stock_opening],body.vertex-desktop.vn-interface.ref-single-preview [data-ref-kind=transfer]{--ref-accent:#008000;--ref-stripe:#e0f7d8}
 body.vertex-desktop.vn-interface.ref-single-preview [data-ref-kind=sale]{--ref-accent:#ff8500}
 body.vertex-desktop.vn-interface.ref-single-preview #modal [data-ref-kind] :is(.data-table,.ve-grid) thead th{background:var(--ref-accent)!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal [data-ref-kind] :is(.data-table,.ve-grid) tbody tr:nth-child(even)>td{background:var(--ref-stripe)!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal [data-ref-kind] :is(.data-table,.ve-grid) tbody tr:nth-child(odd)>td{background:#fff!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal [data-ref-kind] :is(.data-table,.ve-grid) td :is(input,select,.master-input,.master-search){height:14px!important;min-height:14px!important;font:11px/14px Arial,sans-serif!important;padding:0 3px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal [data-ref-kind] :is(.data-table,.ve-grid) td:focus-within{outline:2px solid #1689c9!important;outline-offset:-2px}
 body.vertex-desktop.vn-interface.ref-single-preview #modal [data-ref-kind] :is(.data-table,.ve-grid) td:focus-within :is(input,select,.master-combo){outline:0!important;box-shadow:none!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm.ir-compact-invoice>.form-grid.ref-header{display:grid!important;width:min(980px,100%)!important;max-width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:minmax(23px,auto)!important;gap:2px 12px!important;padding:4px!important;margin:0 auto 0 0!important;align-self:flex-end!important;flex:none!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm.ir-compact-invoice>.form-grid.ref-header>.form-group{grid-row:auto!important;grid-column:auto!important;display:flex!important;flex-wrap:nowrap!important;min-height:23px!important;gap:5px!important;margin:0!important;padding:0!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm.ir-compact-invoice>.form-grid.ref-header>.form-group>label{font:11px/18px Arial,sans-serif!important;flex:0 0 86px!important;width:86px!important;white-space:nowrap}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm.ir-compact-invoice>.form-grid.ref-header :is(input,select,.master-combo,.master-search){height:20px!important;min-height:20px!important;font:11px/18px Arial,sans-serif!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm.ir-compact-invoice>.form-grid.ref-header .form-group:is([hidden],[data-owner-hidden="1"]){display:none!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm>.ir-extra-header{flex:none!important;margin:0 4px!important;min-height:0!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm>.ir-extra-header:not([open])>.form-grid{display:none!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm>.invoice-quick-actions{margin:0!important;position:absolute;right:8px;top:30px;max-width:calc(100% - 1000px);flex-wrap:wrap;z-index:8}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-party-account-pick{width:24px!important;min-width:24px!important;padding:0!important;flex:none!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm>.table-wrap{flex:1 1 180px!important;min-height:80px!important;background:repeating-linear-gradient(to bottom,#fff 0,#fff 13px,#f5f5f5 13px,#f5f5f5 14px,var(--ref-stripe) 14px,var(--ref-stripe) 27px,#f5f5f5 27px,#f5f5f5 28px)!important;background-position:0 24px!important;overflow:auto!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .invoice-bottom-46{min-height:66px;gap:2px 12px!important;padding:2px 4px!important;grid-template-columns:minmax(290px,1fr) minmax(180px,1fr) minmax(330px,1fr)!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .invoice-bottom-46 .vp-invoice-totals{font:11px/20px Arial,sans-serif!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .invoice-bottom-46 .ir-account-strip{display:flex!important;flex-direction:column;gap:2px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .invoice-bottom-46 .vp-invoice-cash{width:100%!important;min-height:27px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-payment-footer{margin:0!important;padding:3px 5px!important;border:0!important;background:var(--ref-face)!important;justify-content:flex-start!important;gap:3px 20px!important;flex:none}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-payment-footer :is(input,output,.ir-amount-words){color:#bd0000!important;font-weight:700!important;font-size:11px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-payment-footer [hidden]{display:none!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-payment-footer>.form-group{display:flex!important;gap:5px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-payment-footer>.form-group[hidden]{display:none!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm>.actions{min-height:23px!important;padding:0 4px!important;margin:0!important;flex-wrap:wrap;flex:none}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .document-navigation{position:static!important;border:0!important;padding:0!important;margin:0 auto 0 0!important;display:flex!important;width:auto!important;min-height:23px!important;flex:none!important;gap:2px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .document-navigation button[data-document-nav]{width:24px!important;min-width:24px!important;padding:0!important;height:23px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .document-navigation input{width:75px!important;max-width:75px!important;height:22px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal .ve-header{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:min(1040px,100%)!important;margin:0 auto 0 0!important;gap:3px 12px!important;padding:4px!important;grid-auto-rows:minmax(23px,auto)!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal .ve-header>label{grid-column:auto!important;grid-row:auto!important;gap:5px!important;font:11px/19px Arial,sans-serif!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal .ve-header>label>.vn-field-label{width:75px!important;flex:0 0 75px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal .ve-header input{font:11px/20px Arial,sans-serif!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal .ve-bottom{min-height:60px!important;padding:3px 0!important;gap:7px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal .ve-cash-box{min-width:380px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal .ve-commandbar{min-height:26px!important;gap:3px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal .receipt-balance-summary{font:700 12px/20px Arial,sans-serif!important;color:#bd0000!important;padding:2px 6px!important;margin:0!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal .receipt-balance-summary p{margin:0!important}
 body.vertex-desktop.vn-interface.ref-single-preview .ref-display-options{position:relative;display:inline-block;flex:none;font:11px Arial,sans-serif!important;z-index:30;direction:rtl;margin:0 5px}
 .ref-display-options>summary{cursor:pointer;list-style:none;border:2px outset #eee;padding:2px 8px;background:#f0f0f0;white-space:nowrap}
 .ref-display-options>div{position:absolute;bottom:100%;right:0;min-width:245px;padding:8px;background:#f5f5f5;border:1px solid #999;box-shadow:2px 3px 8px #0003}
 .ref-display-options label{display:flex;gap:7px;align-items:center;padding:5px 0;white-space:nowrap}
 .ref-display-options input{width:auto!important;min-width:0!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm.ir-compact-invoice .ir-payment-footer>[data-ref-suppressed="1"]{display:none!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm.ir-compact-invoice>.ir-extra-header:not([open])>:not(summary){display:none!important}
 @media(max-width:1250px){body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm>.invoice-quick-actions{position:static;max-width:100%;align-self:flex-end}body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm.ir-compact-invoice>.form-grid.ref-header{width:100%!important}}
 @media(max-width:900px){body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm.ir-compact-invoice>.form-grid.ref-header,body.vertex-desktop.vn-interface.ref-single-preview #modal .ve-header{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .invoice-bottom-46{grid-template-columns:1fr 1fr!important}body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .invoice-bottom-46>*{grid-column:auto!important;grid-row:auto!important}body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm{overflow:auto!important}}
}
@media print{.ref-display-options,[data-ref-suppressed="1"]{display:none!important}}

/* Reference toolbar is flat; preserve sharp icons at their native dimensions. */
@media screen {
 body.vertex-desktop.vn-interface.ref-single-preview #desktopToolbar .vx-shortcut,
 body.vertex-desktop.vn-interface.ref-single-preview #desktopToolbar .vx-shortcut>.btn,
 body.vertex-desktop.vn-interface.ref-single-preview #desktopToolbar .vx-shortcut>.btn:is(:hover,:focus,:active),
 body.vertex-desktop.vn-interface.ref-single-preview #desktopToolbar .vx-toolbar-menu>summary {
  background:transparent!important;background-image:none!important;box-shadow:none!important;border-top:0!important;border-bottom:0!important;
 }
 body.vertex-desktop.vn-interface.ref-single-preview #desktopToolbar .vx-shortcut>.btn{border:0!important;filter:none!important}
 body.vertex-desktop.vn-interface.ref-single-preview #desktopToolbar .vn-classic-icon{width:18px!important;height:16px!important;background:transparent!important;box-shadow:none!important;border:0!important;filter:none!important;image-rendering:pixelated}
 body.vertex-desktop.vn-interface.ref-single-preview :is(#mainNav summary,#desktopToolbar .shortcut-label){font:400 12px/16px Arial,sans-serif!important;text-shadow:none!important}
 body.vertex-desktop.vn-interface.ref-single-preview :is(#mainNav,#desktopToolbar) .vx-dropdown :is(button,summary,span){font:400 12px/18px Arial,sans-serif!important;text-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 wrap!important;align-items:center!important;gap:3px 18px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm.ir-compact-invoice .ir-payment-footer>div{display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;flex:0 0 auto!important;width:auto!important;grid-template-columns:none!important;margin:0!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 12px/18px 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:95px!important;min-width:0!important;height:22px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm.ir-compact-invoice .ir-payment-footer>.ir-customer-remaining{flex-basis:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm.ir-compact-invoice .ir-payment-footer>[data-ref-suppressed="1"]{display:none!important}
 .ref-picker-overlay{position:fixed;inset:0;z-index:2147483000;background:#0003;display:flex;align-items:center;justify-content:center;direction:rtl}
 .ref-picker{width:min(560px,90vw);max-height:75vh;display:flex;flex-direction:column;padding:8px;gap:8px;background:#f0f0f0;border:1px solid #718ba0;box-shadow:0 6px 26px #0004;font:14px Arial,sans-serif}
 .ref-picker header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#9eb8d0,#d2e2ed);padding:4px 8px}
 .ref-picker header button{width:26px;height:23px;font-size:18px}
 .ref-picker input{height:30px;border:1px solid #7c929f;background:#fff;font:14px Arial;padding:4px 6px}
 .ref-picker [role=listbox]{overflow:auto;min-height:140px;max-height:45vh;border:1px solid #aaa;background:#fff;outline:none}
 .ref-picker [role=option]{padding:7px 9px;cursor:pointer;border-bottom:1px solid #eee}
 .ref-picker [role=option][aria-selected=true]{background:#0078d7;color:white}
 .ref-picker footer{display:flex;gap:8px;justify-content:flex-end}
 .ref-picker footer button{font:700 13px Arial;padding:5px 12px;border:1px outset #eee;background:#f7f7f7;color:#111}
}

@media screen {
 body.vertex-desktop.vn-interface.ref-single-preview #desktopToolbar .vx-shortcut>.btn{min-width:40px!important;padding:0 4px!important;font:11px Arial!important}
 body.vertex-desktop.vn-interface.ref-single-preview :is(#mainNav,#desktopToolbar) .vx-dropdown{min-width:158px!important;padding:2px!important;background:#f0f0f0!important;border:1px solid #888!important}
 body.vertex-desktop.vn-interface.ref-single-preview :is(#mainNav,#desktopToolbar) .vx-dropdown :is(button,summary){font:400 12px/18px Arial!important;min-height:22px!important;height:auto!important;padding:2px 9px!important;border:0!important;box-shadow:none!important;background:transparent!important;color:#111!important}
 body.vertex-desktop.vn-interface.ref-single-preview :is(#mainNav,#desktopToolbar) .vx-dropdown :is(button,summary):hover{background:#0078d7!important;color:#fff!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modalBody .rwc-caption{min-height:24px!important;height:24px!important;padding:0 94px 0 35px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modalBody .rwc-caption>.rwc-close{right:5px!important;left:auto!important;top:2px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modalBody .rwc-caption>.rwc-pin{right:auto!important;left:5px!important;top:2px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modalBody .rwc-caption>.window-size-control{right:33px!important;left:auto!important;top:2px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modalBody .rwc-caption>.window-minimize-46{right:61px!important;left:auto!important;top:2px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-grid :is(input,select,.master-search){font:11px/14px Arial!important;height:14px!important;min-height:14px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-grid td{height:14px!important;line-height:14px!important}
 body.vertex-desktop.vn-interface.ref-single-preview #modal #tradeForm .ir-payment-footer :is(output,.ir-amount-words){font-size:12px!important}
}

/* Keep the beneficiary directory icon beside the representative without shifting header cells. */
.vertex-desktop #voucherForm .ve-header button[data-voucher-account-pick]{flex:0 0 24px!important;width:24px!important;min-width:24px!important;max-width:24px!important;height:22px!important;min-height:22px!important;padding:1px!important;display:inline-flex!important;align-items:center;justify-content:center;}
.vertex-desktop #voucherForm .ve-header button[data-voucher-account-pick] svg{width:16px!important;height:16px!important;flex:none!important;}