/* Document workspace measured against the supplied desktop references. */
.vertex-desktop #modal.ve-modal{position:fixed!important;inset:calc(var(--vp-worktop,74px) + 3px) 5px 25px!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;padding:0!important;border:2px outset #c5d8e5!important;border-radius:0!important;overflow:hidden!important;background:#f0f0f0!important;transform:none!important}
.vertex-desktop #modal.ve-modal #modalBody{height:100%;padding:0!important;overflow:hidden!important}
.vertex-desktop #modal.ve-modal>.modal-close{display:none}
.vertex-desktop #modal.ve-modal #modalBody>.ve-window{font:12px Arial!important;width:100%!important;max-width:none!important;min-width:0!important;height:100%;max-height:none!important;padding:0!important;overflow:hidden!important;display:flex;flex-direction:column;color:#111;background:#f0f0f0}
.vertex-desktop #modal.ve-modal #modalBody>.ve-window>h2:first-child{position:static!important;flex:none;background:linear-gradient(#99b6d0,#c2d9ec)!important;padding:0 7px!important;font-size:12px!important;height:24px!important;line-height:22px!important}
.vertex-desktop .ve-window h2{height:24px;min-height:24px;line-height:22px;font-size:12px!important;font-weight:normal;margin:0!important;padding:0 7px!important;background:linear-gradient(#99b6d0,#c2d9ec);color:#234c71;text-align:right;border-bottom:1px solid #c9d3d9}
.vertex-desktop #voucherForm{display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden;margin:0!important;padding:0 4px!important}
.vertex-desktop .ve-header{display:grid;grid-template-columns:190px 240px 225px 280px minmax(160px,240px);grid-auto-flow:row;gap:8px 10px;justify-content:start;padding:8px 5px 12px;flex:none;direction:rtl}
.vertex-desktop .ve-header label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;min-width:0;margin:0;color:#111}
.vertex-desktop .ve-header input,.vertex-desktop .ve-header select{height:22px!important;min-height:22px!important;line-height:18px!important;border:2px inset #ddd!important;border-radius:0!important;padding:0 4px!important;background:white!important;color:#111!important;font:12px Arial!important;flex:1;min-width:0;width:100%}
.vertex-desktop .ve-header label:has([name=notes]){grid-column:2 / 6}
.vertex-desktop .ve-header label:has([name=number]) input{direction:ltr;text-align:right}
.vertex-desktop .ve-grid-wrap{flex:1;min-height:80px;overflow:auto;border:2px inset #d4d4d4;background:#fff;position:relative;isolation:isolate}
.vertex-desktop .ve-grid{border-collapse:separate!important;border-spacing:0!important;min-width:100%;table-layout:fixed;font:12px Arial!important;background:#fff;direction:rtl}
.vertex-desktop .ve-grid th{height:25px!important;line-height:21px!important;background:#2068b0!important;color:white!important;font-weight:400!important;text-align:right;padding:0 4px!important;position:sticky;top:0;z-index:4;border:0;border-left:1px solid #fff;border-bottom:1px solid #eee;overflow:visible}
.vertex-desktop .ve-payment .ve-grid th{background:#ce0000!important}
.vertex-desktop .ve-grid td{height:20px!important;line-height:19px!important;padding:0!important;background:#fff!important;border:0;border-left:1px solid #f4f4f4;border-bottom:1px solid #eee;color:#111;overflow:hidden}
.vertex-desktop .ve-grid tr:nth-child(even) td{background:#e2e2e2!important}
.vertex-desktop .ve-payment .ve-grid tr:nth-child(even) td{background:#f9dbdf!important}
.vertex-desktop .ve-grid td input,.vertex-desktop .ve-grid td select{display:block;width:100%!important;max-width:none!important;min-width:0!important;height:19px!important;min-height:19px!important;font:12px Arial!important;line-height:19px!important;padding:0 3px!important;border:0!important;border-radius:0!important;margin:0!important;background:transparent!important;color:inherit!important;text-align:right;box-shadow:none!important;outline-offset:-2px}
.vertex-desktop .ve-grid td input:focus,.vertex-desktop .ve-grid td select:focus{outline:2px solid #1689c9!important;background:#fff!important;color:#111!important}
.vertex-desktop .ve-grid .ve-money{direction:ltr}
.ve-resize{position:absolute;inset:0 auto 0 -3px;width:7px;z-index:9;cursor:col-resize;touch-action:none}
.ve-resize:hover{background:#63aada}
.vertex-desktop .ve-frozen{position:sticky!important;z-index:2;box-shadow:-1px 0 #aaa}
.vertex-desktop th.ve-frozen{z-index:6!important}
.vertex-desktop .ve-bottom{display:flex;direction:ltr;gap:10px;min-height:78px;padding:8px 0;flex:none;align-items:flex-start;background:#f0f0f0}
.vertex-desktop .ve-cash-box{direction:rtl;border:2px groove #ddd;padding:4px 7px;margin:0;min-width:480px;max-width:70%}
.vertex-desktop .ve-cash-box>div{display:flex;align-items:center;height:24px;gap:5px}
.vertex-desktop .ve-cash-box label{width:85px;flex-shrink:0}
.vertex-desktop .ve-cash-box input{width:125px!important;background:#cbe4ef!important;border:2px inset #ddd!important;border-radius:0!important;height:21px!important;min-height:21px!important;font:12px Arial!important;padding:0 3px!important;direction:ltr;text-align:right}
.vertex-desktop .ve-cash-box span{min-width:150px;color:#17215f;font-weight:bold;white-space:nowrap}
.vertex-desktop .ve-cash-box output{background:#ffffba;min-width:100px;text-align:center;font-size:11px}
.vertex-desktop .ve-tree-button{padding:0!important;min-width:23px!important;width:23px;height:22px!important}
.ve-tree-button svg{width:18px;height:18px}
.vertex-desktop .ve-default-cash{height:20px!important;min-height:20px!important;font-size:11px!important;float:left;margin-top:3px}
.vertex-desktop .ve-totals{direction:rtl;border:2px groove #ddd;padding:4px 10px;line-height:21px;min-width:230px;text-align:right;font:12px/21px Arial;background:#f0f0f0}
.vertex-desktop .ve-commandbar{display:flex;align-items:center;gap:4px;flex:none;min-height:33px;background:#f0f0f0}
.vertex-desktop .ve-commandbar .btn,.vertex-desktop .ve-account-picker .btn{border:2px outset #e6e6e6!important;border-radius:0!important;background:#f0f0f0!important;color:#111!important;min-height:24px!important;height:24px!important;line-height:19px!important;padding:0 10px!important;font:12px Arial!important;box-shadow:none!important;white-space:nowrap}
.vertex-desktop .ve-commandbar .btn:disabled{color:#999!important}
.vertex-desktop .ve-status{display:flex;gap:40px;min-height:20px;height:20px;border-top:1px solid #aaa;font-size:11px;padding:1px 4px;direction:ltr}
.ve-grid-toolbar{margin-right:auto;display:flex}
.ve-grid-options{font:12px Arial;position:relative;z-index:15;display:inline-block;margin:2px 5px}
.ve-grid-options summary{cursor:pointer;border:1px outset #ddd;background:#f0f0f0;padding:3px 8px;color:#111;white-space:nowrap}
.ve-grid-options>div{position:absolute;bottom:100%;left:0;width:235px;background:#f0f0f0;border:2px outset #ddd;padding:10px;color:#111;box-shadow:0 4px 12px #0003}
.ve-grid-options select{width:65px!important;min-height:24px!important;height:24px!important}
.vertex-desktop .ve-account-picker{position:absolute;left:0;top:0;bottom:0;width:min(510px,85%);background:#f0f0f0;z-index:2000;border:2px outset #ccc;box-shadow:4px 3px 8px #0005;display:flex;flex-direction:column;direction:rtl;font:12px Arial;color:#111}
.ve-account-picker header{background:linear-gradient(#9eb8d0,#d4e4f0);height:24px;padding:3px 5px}
.ve-account-picker header button{float:left;height:20px;line-height:14px}
.ve-account-categories{display:flex;gap:4px;flex-wrap:wrap;padding:7px 4px}
.ve-account-categories label{white-space:nowrap;font-size:11px;display:flex;gap:2px;align-items:center}
.ve-account-categories input{width:12px!important;height:12px!important;min-height:0!important}
.vertex-desktop .ve-tree-search{height:24px!important;min-height:24px!important;margin:3px 4px;width:calc(100% - 8px)!important;border:2px inset #ccc!important;border-radius:0!important;font:12px Arial!important}
.ve-account-tree{flex:1;overflow:auto;background:#fff;border:2px inset #ddd;min-height:0;padding:3px 0}
.ve-account-tree [role=treeitem]{min-height:19px;white-space:nowrap;cursor:default;outline:0;width:max-content;min-width:100%;box-sizing:border-box;padding-left:8px}
.ve-account-tree [aria-selected=true]{background:#087ccc;color:white}
.ve-account-tree [data-expand]{padding:0;width:11px;height:11px;line-height:8px;background:#fff;border:1px solid #999;margin:0 3px 0 5px;font-size:10px}
.ve-account-tree .ve-leaf-mark{border:0;background:transparent}
.ve-tree-status{height:21px;background:#dce9c9;padding:2px 5px}
.ve-account-picker footer{display:flex;gap:7px;padding:6px;justify-content:flex-start}
.ve-print{font:11px Arial;direction:rtl}.ve-print table{width:100%;border-collapse:collapse}.ve-print th,.ve-print td{border:1px solid #999;padding:3px}
@media(max-width:1300px){.vertex-desktop .ve-header{grid-template-columns:175px 210px 200px 230px;gap:6px}.vertex-desktop .ve-header label:has([name=notes]){grid-column:2/5}.vertex-desktop .ve-commandbar{gap:2px}.vertex-desktop .ve-commandbar .btn{padding:0 6px!important}.vertex-desktop .ve-cash-box{min-width:470px}}
@media print{.ve-grid-options,.ve-account-picker{display:none!important}.ve-print{width:100%}.ve-print tr{break-inside:avoid}}

/* Document commands stay in their own wrapping groups at every window width. */
#modal #voucherForm .ve-commandbar.ve-commandbar-modern{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;height:auto!important;min-height:48px!important;max-height:none!important;padding:8px!important;flex:0 0 auto!important;background:#f8fafc!important;border-top:1px solid #d6dfe9;box-sizing:border-box;overflow:visible!important;min-width:0;max-width:100%}
#modal #voucherForm .ve-commandbar-modern .ve-command-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;max-width:100%;padding:4px 8px;border:1px solid #dce4ec;border-radius:7px;background:#fff;box-sizing:border-box}
#modal #voucherForm .ve-commandbar-modern .ve-command-primary{flex:0 1 auto}
#modal #voucherForm .ve-commandbar-modern .ve-command-navigation{flex:0 1 auto}
#modal #voucherForm .ve-commandbar-modern .ve-command-tools{flex:1 1 360px}
#modal #voucherForm .ve-commandbar-modern .btn{width:auto!important;min-width:34px!important;min-height:30px!important;height:auto!important;padding:5px 10px!important;line-height:1.3!important;font:600 12px Arial!important;border:1px solid #b9c8d9!important;border-radius:5px!important;color:#253a52!important;background:linear-gradient(#fff,#eef3f8)!important;box-shadow:0 1px 1px #16345114!important;white-space:normal;flex:0 0 auto}
#modal #voucherForm .ve-commandbar-modern .btn:disabled{color:#8c98a6!important;opacity:.7}
#modal #voucherForm .ve-commandbar-modern .btn[hidden]{display:none!important}
#modal #voucherForm .ve-commandbar-modern label{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:0;min-width:0}
#modal #voucherForm .ve-commandbar-modern [data-jump-number]{width:80px!important;min-width:50px!important;max-width:100%;min-height:28px!important;height:28px!important;box-sizing:border-box}
#modal #voucherForm .ve-commandbar-modern .ve-grid-toolbar{margin:0!important;min-width:0;flex-wrap:wrap}
#modal #voucherForm .ve-commandbar-modern .ve-grid-options{margin:0}
#modal #voucherForm .ve-commandbar-modern .ve-grid-options summary{padding:6px 9px;border-radius:5px;border:1px solid #b9c8d9;background:#f6f9fc}
@media(max-width:700px){#modal #voucherForm .ve-commandbar-modern .ve-command-group{flex:1 1 100%;padding:4px;gap:5px}#modal #voucherForm .ve-commandbar.ve-commandbar-modern{padding:5px!important;gap:5px!important}}
/* Print note occupies normal flow above the commands, physically at the left. */
@media screen {
 body.vertex-desktop #modal#modal :is(#voucherForm,#chequeForm,#tradeForm,#returnForm) .pc-draft-note {
  position:static!important;inset:auto!important;transform:none!important;float:none!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;
  flex:0 0 auto!important;align-self:flex-end!important;justify-self:end!important;
  grid-column:1 / -1!important;grid-row:auto!important;
  width:min(420px,100%)!important;max-width:100%!important;height:auto!important;min-height:55px!important;
  margin:6px auto 6px 0!important;padding:4px 8px!important;box-sizing:border-box!important;
  font:12px Arial!important;text-align:right!important;z-index:auto!important;
 }
 body.vertex-desktop #modal#modal :is(#voucherForm,#chequeForm,#tradeForm,#returnForm) .pc-draft-note textarea {
  position:static!important;width:100%!important;max-width:100%!important;height:34px!important;min-height:34px!important;
  flex:0 0 auto!important;resize:vertical!important;padding:4px 6px!important;box-sizing:border-box!important;font:12px Arial!important;
 }
}