/* Six live voucher registers, scoped to the approved desktop geometry. */
@media screen {
 body.vertex-desktop.vn-interface #content:has(#vrReport){padding:0!important;overflow:hidden!important;background:#aaa!important}
 body.vertex-desktop.vn-interface #content:has(#vrReport)>.window-tools{display:none!important}
 body.vertex-desktop.vn-interface .vr-report{position:absolute;inset:0 12px 14px 0;display:flex;flex-direction:column;min-width:0;min-height:0;border:2px outset #ddd;background:#eee;font:10px Arial!important;direction:rtl}
 body.vertex-desktop.vn-interface .vr-caption{height:22px;min-height:22px;background:linear-gradient(#9bb6d3,#b9cfe4);color:#254d72;display:flex;gap:5px;align-items:center;justify-content:flex-start;padding:0 3px;font:10px Arial}
 body.vertex-desktop.vn-interface .vr-caption button{height:16px!important;min-height:16px!important;width:25px!important;padding:0!important;font:13px/12px Arial;border:1px solid #8a6d68;background:linear-gradient(#d89e90,#aa4935);color:white}
 body.vertex-desktop.vn-interface .vr-report-body{display:flex;flex:1;min-height:0;direction:rtl;padding:3px 5px 1px;gap:7px;background:#eee}
 body.vertex-desktop.vn-interface .vr-report-tools{width:128px;min-width:128px;display:flex;flex-direction:column;align-items:stretch;overflow:auto;scrollbar-width:thin;font:10px Arial;padding:0 1px}
 body.vertex-desktop.vn-interface .vr-report-tools :is(input,select,button),body.vertex-desktop.vn-interface .vr-options :is(input,select,button){font:10px Arial!important;border-radius:0!important}
 body.vertex-desktop.vn-interface .vr-report-tools .btn{height:20px!important;min-height:20px!important;padding:0 2px!important;width:100%;margin:0!important;min-width:0!important;white-space:nowrap}
 body.vertex-desktop.vn-interface .vr-field{display:flex!important;align-items:center;gap:3px;white-space:nowrap;direction:rtl;font:10px Arial!important;margin:0!important;padding:0!important}
 body.vertex-desktop.vn-interface .vr-field>span:first-child{flex:none;font:10px Arial!important}
 body.vertex-desktop.vn-interface .vr-field input{height:18px!important;min-height:18px!important;font:10px Arial!important;padding:0 2px!important;border:2px inset #ddd!important;border-radius:0!important;background:white!important}
 body.vertex-desktop.vn-interface .vr-result-dates{display:flex;flex-direction:column;gap:6px;margin-bottom:5px}
 body.vertex-desktop.vn-interface .vr-result-dates>.vr-field{justify-content:space-between}
 body.vertex-desktop.vn-interface :is(.vr-report,.vr-options) .vn-date-control{position:relative;display:flex;flex:1 1 0;min-width:0;width:0;height:18px;direction:rtl;gap:4px}
 body.vertex-desktop.vn-interface :is(.vr-report,.vr-options) .vn-date-control .vn-date-native{position:absolute!important;inset:0!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important}
 body.vertex-desktop.vn-interface :is(.vr-report,.vr-options) .vn-date-control .vn-date-display{flex:1 1 0!important;min-width:0!important;width:0!important;height:18px!important;min-height:18px!important;font:9px Arial!important;text-align:right!important;padding:0 1px!important;background:#fff!important;border:2px inset #ddd!important;direction:ltr!important}
 body.vertex-desktop.vn-interface .vr-match{display:flex;flex-direction:column;gap:3px;height:78px;margin:8px 2px 0;padding:4px 7px 7px;border:2px groove #fff;font-size:9px}
 body.vertex-desktop.vn-interface .vr-match legend{padding:0 4px}.vertex-desktop.vn-interface .vr-match label{display:flex;gap:3px;align-items:center;font:9px Arial!important}.vertex-desktop.vn-interface .vr-match input{width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;margin:0;padding:0}
 body.vertex-desktop.vn-interface .vr-report-actions{margin-top:50px;display:flex;flex-direction:column;gap:5px}.vertex-desktop.vn-interface .vr-action-row{display:flex;gap:3px}
 body.vertex-desktop.vn-interface .vr-report-actions :is(input,select){width:100%!important;min-width:0!important;height:18px!important;min-height:18px!important;background:#dceabd!important;font:10px Arial!important;padding:0 2px!important;border:2px inset #ddd!important}
 body.vertex-desktop.vn-interface .vr-report-main{min-width:0;flex:1;display:flex;flex-direction:column}.vertex-desktop.vn-interface .vr-grid-wrap{overflow:auto;flex:1;min-width:0;min-height:0;border:2px inset #ddd;background:white;direction:rtl}
 body.vertex-desktop.vn-interface .vr-grid{border-collapse:collapse!important;table-layout:fixed;min-width:100%;width:max-content;font:10px Arial!important;color:#111;direction:rtl;margin:0!important}
 body.vertex-desktop.vn-interface .vr-grid th{position:sticky;top:0;z-index:2;background:#2168b0!important;color:white!important;text-align:right;white-space:nowrap;font:10px/17px Arial!important;height:19px!important;min-height:19px!important;padding:1px 3px!important;border-left:1px solid #e3e3e3;overflow:hidden}
 body.vertex-desktop.vn-interface .vr-grid td{height:14px!important;line-height:13px!important;font:10px/13px Arial!important;padding:0 3px!important;border-left:1px solid #e2e2e2;border-bottom:1px solid #eee;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:clip;background:white!important}
 body.vertex-desktop.vn-interface .vr-grid .vr-selected td{background:#0078d7!important;color:white!important}.vertex-desktop.vn-interface .vr-grid tr:focus{outline:none}.vertex-desktop.vn-interface .vr-grid .ve-frozen{position:sticky!important;z-index:3}.vertex-desktop.vn-interface .vr-grid th.ve-frozen{z-index:5}
 body.vertex-desktop.vn-interface .vr-grid :is(.month-total,.report-month-total)>td{background:#dce9f7!important;color:#183f69!important;font-weight:bold!important}.vertex-desktop.vn-interface .vr-grid :is(.period-total,.report-period-total)>td{background:#ffffc3!important;font-weight:bold!important}
 body.vertex-desktop.vn-interface .vr-result-status{height:18px;min-height:18px;display:flex;font:10px Arial;border-top:1px solid #aaa;direction:rtl}.vertex-desktop.vn-interface .vr-result-status>span{border:1px inset #ddd;padding:1px 5px;white-space:nowrap}.vertex-desktop.vn-interface .vr-result-status .vr-period{flex:1;text-align:right}
 body.vertex-desktop.vn-interface :is(.vr-journal,.vr-cash_daily,.vr-receipt_cheque,.vr-payment_cheque) .vr-grid-wrap{background:#aaa}.vertex-desktop.vn-interface :is(.vr-journal,.vr-cash_daily) .vr-grid{min-width:0;margin-right:0;margin-left:auto}.vertex-desktop.vn-interface .vr-cash_daily .vr-grid th{height:35px!important;white-space:normal;line-height:12px!important}
 body.vertex-desktop.vn-interface .vr-grid-tools{margin-top:5px}.vertex-desktop.vn-interface .vr-grid-tools .ve-grid-options{position:static;font:10px Arial}.vertex-desktop.vn-interface .vr-grid-tools .ve-grid-options>div{right:0;left:auto;bottom:20px;max-width:300px}.vertex-desktop.vn-interface .vr-source-note{font:9px/14px Arial!important;margin:8px 0 0;white-space:normal;color:#555}
 body.vertex-desktop.vn-interface .vr-report .report-export-tools{display:none!important}.vertex-desktop.vn-interface .vr-report-main>.report-top-totals{margin:0 0 3px!important;padding:3px!important;min-height:25px!important}.vertex-desktop.vn-interface .vr-report-main .report-top-totals{font:10px Arial!important}
 body.vertex-desktop.vn-interface #modal:has(.vr-options){position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;width:344px!important;max-width:calc(100vw - 16px)!important;height:328px!important;max-height:calc(100vh - 24px)!important;padding:0!important;border:1px solid #999!important;background:#f0f0f0!important;border-radius:0!important;overflow:visible!important;box-shadow:3px 4px 9px #0005!important}
 body.vertex-desktop.vn-interface #modal:has(.vr-options)>#modalBody{height:100%;padding:0!important;overflow:visible!important}.vertex-desktop.vn-interface #modal:has(.vr-options)>.modal-close{left:5px!important;right:auto!important;top:3px!important;font:15px Arial!important;min-height:18px!important;height:18px!important;width:18px!important;padding:0!important;z-index:2}
 body.vertex-desktop.vn-interface .vr-options{height:100%;padding:0!important;background:#f0f0f0!important;font:10px Arial!important;direction:rtl}.vertex-desktop.vn-interface .vr-options>h2{height:25px!important;min-height:25px!important;background:#fff!important;color:#111!important;font:10px/21px Arial!important;text-align:left!important;margin:0!important;padding:2px 28px 2px 7px!important}
 body.vertex-desktop.vn-interface .vr-options form{padding:7px 17px 5px!important}.vertex-desktop.vn-interface .vr-option-fields{height:260px;position:relative}.vertex-desktop.vn-interface .vr-account-field{position:absolute;right:18px;top:0;display:flex;gap:4px}.vertex-desktop.vn-interface .vr-account-field input{width:125px!important}.vertex-desktop.vn-interface .vr-account-field .btn{width:21px!important;height:20px!important;min-height:20px!important;min-width:21px!important;padding:0!important}
 body.vertex-desktop.vn-interface .vr-account-caption{position:absolute;top:28px;left:24px;width:211px;height:14px;background:#ffffc3;text-align:right;font:10px/14px Arial;padding-right:3px;overflow:hidden}
 body.vertex-desktop.vn-interface .vr-option-dates{position:absolute;right:8px;left:0;top:54px;display:flex;gap:8px;justify-content:space-between}.vertex-desktop.vn-interface .vr-option-dates>.vr-field{width:140px}.vertex-desktop.vn-interface .vr-option-dates .vn-date-control .vn-date-display{background:#adc2d8!important}
 body.vertex-desktop.vn-interface :is(.vr-number-range,.vr-reference-range){position:absolute;right:8px;left:0;display:flex;gap:8px;justify-content:space-between}.vertex-desktop.vn-interface .vr-number-range{top:86px}.vertex-desktop.vn-interface .vr-reference-range{top:111px}.vertex-desktop.vn-interface :is(.vr-number-range,.vr-reference-range) input{width:66px!important;background:#adc2d8!important}.vertex-desktop.vn-interface .vr-reference-range input{width:48px!important}
 body.vertex-desktop.vn-interface .vr-option-selects{position:absolute;right:27px;left:24px;top:144px;display:flex;flex-direction:column;gap:10px}.vertex-desktop.vn-interface .vr-option-selects .vr-field{display:grid!important;grid-template-columns:36px 1fr;gap:3px}.vertex-desktop.vn-interface .vr-option-selects select{width:100%;height:18px!important;min-height:18px!important;direction:rtl;font:10px Arial!important;padding:0!important;border:2px inset #ddd!important}
 body.vertex-desktop.vn-interface .vr-option-commands{display:flex;justify-content:center;gap:20px;height:25px}.vertex-desktop.vn-interface .vr-option-commands button{width:124px;height:23px!important;min-height:23px!important;padding:0 4px!important;font:10px Arial!important}
 body.vertex-desktop.vn-interface #modal:has(.vr-options)>.ve-account-picker{position:fixed;left:calc(-50vw + 172px);top:calc(-50vh + 164px + var(--vp-worktop,74px));bottom:auto;height:calc(100vh - var(--vp-worktop,74px) - 24px);z-index:5}
 body.vertex-desktop.vn-interface #modalBackdrop:has(#modal.ve-modal:not(.hidden)){background:#aaa!important;backdrop-filter:none!important;top:var(--vp-worktop,74px)!important;bottom:20px!important}
}
@media screen {
 body.vertex-desktop.vn-interface #modal:has(.vr-options){height:316px!important}
 body.vertex-desktop.vn-interface .vr-option-fields{height:249px}
 body.vertex-desktop.vn-interface .vr-report .report-amount-search{font:10px Arial!important;padding:3px!important;gap:5px!important;min-height:26px!important;margin:0 0 3px!important}
 body.vertex-desktop.vn-interface .vr-report .report-amount-search :is(input,select,button){height:20px!important;min-height:20px!important;font:10px Arial!important;padding:0 3px!important}
 body.vertex-desktop.vn-interface .vr-report .report-top-totals{font:10px Arial!important;padding:3px!important;margin:0 0 3px!important;border-radius:0!important}
 body.vertex-desktop.vn-interface .vr-report .rt-caption,body.vertex-desktop.vn-interface .vr-report .rt-measure span,body.vertex-desktop.vn-interface .vr-report .rt-measure strong{font:10px Arial!important}
}
@media screen {
 body.vertex-desktop.vn-interface #modal:has(.vr-options)>#modalBody>.vr-options{position:relative!important;padding:0!important;overflow:visible!important;min-width:0!important;max-height:none!important}
 body.vertex-desktop.vn-interface #modal:has(.vr-options)>#modalBody>.vr-options>h2:first-child{position:static!important;background:white!important;height:25px!important;min-height:25px!important;font:10px/21px Arial!important;padding:2px 60px 2px 28px!important;text-align:left!important;color:#111!important;border-bottom:0!important}
 body.vertex-desktop.vn-interface .vr-period-shortcuts{position:absolute;right:5px;top:3px;font:10px Arial;z-index:5}
 body.vertex-desktop.vn-interface .vr-period-shortcuts summary{padding:2px 5px;cursor:pointer;background:#eee;border:1px outset #ddd}
 body.vertex-desktop.vn-interface .vr-period-shortcuts .month-shortcuts{position:absolute;right:0;top:20px;width:230px;margin:0!important;padding:5px;background:#eee;border:2px outset #ddd;box-shadow:2px 3px 5px #0004}
 body.vertex-desktop.vn-interface .vr-period-shortcuts .month-shortcuts label{display:flex;gap:5px;font:10px Arial}
 body.vertex-desktop.vn-interface .vr-period-shortcuts .month-shortcuts input{height:20px!important;min-height:20px!important;font:10px Arial!important}
}

/* Keep report criteria and commands in flow when readable controls grow. */
@media screen {
 body.vertex-desktop.vn-interface #modal:has(.vr-options){height:auto!important;max-height:calc(100vh - var(--vp-worktop,74px) - 40px)!important;overflow:auto!important}
 body.vertex-desktop.vn-interface #modal:has(.vr-options)>#modalBody{height:auto!important;overflow:visible!important}
 body.vertex-desktop.vn-interface #modal:has(.vr-options)>#modalBody>.vr-options{height:auto!important}
 body.vertex-desktop.vn-interface .vr-options form{display:flex!important;flex-direction:column!important;gap:10px!important}
 body.vertex-desktop.vn-interface .vr-option-fields{height:auto!important;display:flex!important;flex-direction:column!important;gap:8px!important}
 body.vertex-desktop.vn-interface .vr-option-fields>:is(.vr-account-field,.vr-account-caption,.vr-option-dates,.vr-number-range,.vr-reference-range,.vr-option-selects){position:static!important;inset:auto!important;width:auto!important;height:auto!important}
 body.vertex-desktop.vn-interface .vr-account-caption{min-height:16px;flex-shrink:0}
 body.vertex-desktop.vn-interface :is(.vr-option-dates,.vr-number-range,.vr-reference-range){flex-wrap:wrap!important;gap:8px!important}
 body.vertex-desktop.vn-interface :is(.vr-option-dates,.vr-number-range,.vr-reference-range)>.vr-field{flex:1 1 210px!important;width:auto!important;min-width:0!important}
 body.vertex-desktop.vn-interface .vr-option-selects .vr-field{grid-template-columns:70px minmax(0,1fr)!important}
 body.vertex-desktop.vn-interface .vr-option-commands{height:auto!important;min-height:25px;flex-shrink:0;flex-wrap:wrap;position:relative!important;margin-top:4px!important}
}
