/* Live desktop presentation, applied after the feature stylesheets.
   Atlas: MDI document/list/dialog families; screenshots: colors and grid density.
   Card widths below are design-client widths from APPENDIX_E, with room to scroll
   for the fields added to Vertex. All overrides are screen-only: print layouts,
   export templates, company logos and report values are intentionally untouched. */
@media screen {
  body.vertex-desktop.vn-interface {
    --vn-face:#f1f1f1; --vn-edge:#a0a0a0; --vn-work:#ababab;
    --vn-title:linear-gradient(#9bb6d3,#b9cfe4);
    --vn-blue:#1e65b5; --vn-red:#c00000; --vn-input:#cbe4ef;
    --vn-search:#e0ebc1; --vn-stripe:#e0e0e0; --vn-selection:#0078d7;
    --vx-face:var(--vn-face); --vp-face:var(--vn-face); --vp-grid:var(--vn-work);
    --vp-blue:var(--vn-blue); --vx-blue:var(--vn-blue);
    font-family:Arial,sans-serif!important; color:#111; background:var(--vn-work);
  }
  .vertex-desktop.vn-interface :is(button,input,select,textarea,table,label,output,kbd) { font-family:Arial,sans-serif!important; }
  .vertex-desktop.vn-interface :is(#content,#modalBody) { font-size:12px; }
  .vertex-desktop.vn-interface :is(.card,.section-card,.modal-content,.filters,.vx-filter,.report-controls,fieldset) {
    border-radius:0!important; box-shadow:none; background:var(--vn-face);
  }
  .vertex-desktop.vn-interface :is(.btn,.cw-icon) {
    min-height:23px; border-radius:0!important; font-size:12px; line-height:18px;
    padding:1px 8px; box-shadow:none; border:1px solid #a0a0a0;
    border-top-color:#fff; border-left-color:#fff; background:var(--vn-face); color:#111;
  }
  .vertex-desktop.vn-interface :is(.btn,.cw-icon):active:not(:disabled) {
    border-top-color:#777; border-left-color:#777; border-bottom-color:#fff; border-right-color:#fff;
  }
  .vertex-desktop.vn-interface :is(.btn,.cw-icon):focus-visible {
    outline:1px dotted #111; outline-offset:-4px;
  }
  .vertex-desktop.vn-interface :is(.btn,.cw-icon):disabled { color:#909090; cursor:default; }
  .vertex-desktop.vn-interface :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=file]) {
    border-radius:0!important; font-size:12px; border:1px inset #b0b0b0; box-shadow:none;
  }
  .vertex-desktop.vn-interface :is(input,select,textarea):focus-visible {
    outline:1px solid #1786c2; outline-offset:-1px;
  }
  .vertex-desktop.vn-interface :is(input,select,textarea):disabled { color:#747474; background:#e8e8e8!important; }
  .vertex-desktop.vn-interface #content>.page-head {
    background:var(--vn-title)!important; color:#234565!important; border-bottom:1px solid #8fadc6!important;
  }
  .vertex-desktop.vn-interface #content>.page-head h1 { font:12px/20px Arial,sans-serif!important; }
  .vertex-desktop.vn-interface #modalBody>.modal-content>h2:first-child {
    background:var(--vn-title)!important; color:#234565!important;
    height:24px!important; line-height:22px!important; padding:0 7px 0 31px!important;
    font-size:12px!important; border-bottom:1px solid #8fadc6!important;
  }
  .vertex-desktop.vn-interface :is(.vx-window-close,#modalClose) {
    border-radius:0!important; border:1px solid #7e655e!important;
    background:linear-gradient(#d9a395,#a34c38)!important; color:#fff!important;
    width:22px!important; height:18px!important; min-height:18px!important;
    padding:0!important; line-height:15px!important;
  }
  /* Normal data grids keep their existing column widths, sorting, frozen columns
     and resize handles. Multiline editors are not forced into one-line cells. */
  .vertex-desktop.vn-interface :is(.data-table,.cd-table) {
    font:12px Arial,sans-serif!important; border-spacing:0;
  }
  .vertex-desktop.vn-interface :is(.data-table,.cd-table) thead th {
    font:12px/18px Arial,sans-serif!important; min-height:23px; height:23px!important;
    padding:1px 4px!important; color:#fff!important; background:var(--vn-blue)!important;
    border-color:#eee!important; vertical-align:middle;
  }
  .vertex-desktop.vn-interface :is(.data-table,.cd-table) tbody td {
    font:12px/17px Arial,sans-serif!important; height:19px!important; padding:0 4px!important;
    border-color:#f2f2f2!important; vertical-align:middle;
  }
  .vertex-desktop.vn-interface .data-table tbody tr:not(.month-total):not(.period-total):not(.trial-total):not(.statement-boundary):not(.desktop-selected):not(.vp-selected):not(.cd-selected):nth-child(even)>td { background:var(--vn-stripe); }
  .vertex-desktop.vn-interface :is(.data-table,.cd-table) tr:is(.desktop-selected,.vp-selected,.cd-selected)>td {
    background:var(--vn-selection)!important; color:#fff!important;
  }
  .vertex-desktop.vn-interface .data-table tr.month-total>:is(td,th) { background:#e4e9a5!important; color:#111!important; font-weight:bold!important; }
  .vertex-desktop.vn-interface .data-table tr:is(.period-total,.trial-total)>:is(td,th) { background:#ffff93!important; color:#111!important; font-weight:bold!important; }
  .vertex-desktop.vn-interface .data-table tr.statement-boundary>:is(td,th) { background:#dcebc8!important; color:#111!important; }
  .vertex-desktop.vn-interface #content[data-vn-page="supplier-payments"] .data-table th { background:var(--vn-red)!important; }
  .vertex-desktop.vn-interface #content[data-vn-page="supplier-payments"] .data-table tbody tr:nth-child(even):not(.month-total):not(.period-total):not(.desktop-selected):not(.vp-selected)>td { background:#f9dbdf!important; }
  .vertex-desktop.vn-interface :is(.table-wrap,.ve-grid-wrap) { scrollbar-color:#b9b9b9 #efefef; scrollbar-width:auto; }
  /* Existing report search panels are working report controls, not navigation. */
  .vertex-desktop.vn-interface :is(.vp-sidebar,.sales-register-side,.cd-sidebar,.cw-filters,.vx-report-tools,.irv-sidebar) {
    background:var(--vn-face)!important; border-radius:0!important; padding:7px!important; gap:6px;
  }
  .vertex-desktop.vn-interface :is(.vp-sidebar,.sales-register-side,.cd-sidebar,.cw-filters,.vx-report-tools,.irv-sidebar) :is(label,.form-group label) {
    font:12px/17px Arial,sans-serif!important; gap:3px;
  }
  .vertex-desktop.vn-interface :is(.vp-sidebar,.sales-register-side,.cd-sidebar,.cw-filters,.vx-report-tools,.irv-sidebar) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select) {
    height:24px!important; min-height:24px!important; padding:1px 4px!important;
    font:12px Arial,sans-serif!important; background:var(--vn-search)!important;
    min-width:0!important; max-width:100%;
  }
  .vertex-desktop.vn-interface :is(.vp-sidebar,.sales-register-side,.cd-sidebar,.cw-filters,.irv-sidebar) .btn { height:auto!important; min-height:25px!important; white-space:normal; }
  .vertex-desktop.vn-interface .sales-register-side .form-grid { gap:6px!important; }
  .vertex-desktop.vn-interface .cd-sidebar form { gap:6px; }
  .vertex-desktop.vn-interface .cd-commandbar .btn { font-size:12px; padding:2px 4px; }
  .vertex-desktop.vn-interface :is(.cd-summary,.sales-commission-total) { padding:5px 7px; font:12px Arial,sans-serif; }
  .vertex-desktop.vn-interface .sales-commission-total strong { font-size:12px; }
  .vertex-desktop.vn-interface .report-summary .mini-stat { padding:3px 6px; border:1px inset #d2d2d2; background:#ffffce; }
  .vertex-desktop.vn-interface .report-summary .mini-stat b { font-size:12px!important; }
  /* Full document work area, as in the maximized source screenshots. */
  .vertex-desktop.vn-interface #modal[data-vn-kind="document"] {
    border-radius:0!important; background:var(--vn-face)!important;
  }
  .vertex-desktop.vn-interface .vp-document-window :is(.form-grid,.vx-form-grid) { gap:4px 10px!important; }
  .vertex-desktop.vn-interface .vp-document-window .form-group label { font-size:12px; line-height:20px; }
  .vertex-desktop.vn-interface .vp-document-window .form-group :is(input,select) { min-height:22px!important; height:22px!important; }
  .vertex-desktop.vn-interface .vp-document-window #tradeForm>.form-grid {
    width:min(1100px,100%)!important; max-width:1100px!important; padding-top:4px!important;
  }
  .vertex-desktop.vn-interface .vp-document-window #tradeForm .trade-lines th { height:24px!important; }
  .vertex-desktop.vn-interface .vp-document-window #tradeForm .trade-lines td { height:20px!important; padding:0!important; }
  .vertex-desktop.vn-interface .vp-document-window #tradeForm .trade-lines td :is(input,select,.master-search) { min-height:19px!important; height:19px!important; line-height:17px!important; font-size:12px!important; }
  .vertex-desktop.vn-interface .vp-document-window :is(.trade-sale,.trade-purchase) .trade-lines tbody tr:nth-child(even)>td { background:#e2e2e2!important; }
  .vertex-desktop.vn-interface .vp-document-window .trade-sale .trade-lines th { background:#ff9000!important; }
  .vertex-desktop.vn-interface .vp-document-window .trade-purchase .trade-lines th { background:var(--vn-blue)!important; }
  .vertex-desktop.vn-interface #tradeForm .vp-invoice-totals { width:465px; max-width:min(465px,100%)!important; padding:4px; gap:2px 7px; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vertex-desktop.vn-interface .vp-invoice-totals>div { min-width:0; }
  .vertex-desktop.vn-interface .vp-invoice-totals label { width:86px; flex-shrink:0; }
  .vertex-desktop.vn-interface .vp-invoice-totals output { min-width:60px; width:0; }
  .vertex-desktop.vn-interface #tradeTotal { max-width:465px!important; }
  .vertex-desktop.vn-interface :is(.ve-header,.ce-header) {
    grid-template-columns:repeat(5,minmax(140px,1fr)); width:min(1270px,100%);
    max-width:100%; gap:6px 9px; padding:7px 4px 9px; align-self:flex-start;
  }
  .vertex-desktop.vn-interface .ve-header label { font:12px Arial,sans-serif; min-width:0; gap:6px; }
  .vertex-desktop.vn-interface .ve-header label:has([name=notes]) { grid-column:2/-1; }
  .vertex-desktop.vn-interface .ve-grid th { height:24px!important; background:var(--vn-blue)!important; }
  .vertex-desktop.vn-interface .ve-payment .ve-grid th { background:var(--vn-red)!important; }
  .vertex-desktop.vn-interface .ve-bottom { gap:8px; min-height:72px; padding:6px 0; }
  .vertex-desktop.vn-interface .ve-cash-box { min-width:0; width:min(550px,63%); max-width:70%; }
  .vertex-desktop.vn-interface .ve-cash-box>div { min-height:23px; height:auto; }
  .vertex-desktop.vn-interface .ve-cash-box span { min-width:100px; flex:1; overflow:hidden; text-overflow:ellipsis; }
  .vertex-desktop.vn-interface .ve-cash-box output { min-width:85px; }
  .vertex-desktop.vn-interface .ve-totals { min-width:215px; }
  .vertex-desktop.vn-interface .ve-commandbar { min-height:30px; flex-wrap:wrap; padding-block:3px; }
  .vertex-desktop.vn-interface .ve-status { height:auto; min-height:20px; flex-wrap:wrap; gap:6px 24px; }
  .vertex-desktop.vn-interface .transfer-header { width:min(1100px,100%); gap:6px 18px; padding:6px 4px; }
  .vertex-desktop.vn-interface .transfer-header .form-group select { font-size:12px!important; min-height:23px!important; }
  .vertex-desktop.vn-interface .transfer-document .transfer-lines td :is(input,select,.master-search) { min-height:20px!important; height:20px!important; font-size:12px!important; }
  .vertex-desktop.vn-interface .transfer-footer { gap:8px; padding:5px 3px; font-size:12px; }
  /* Atlas card dimensions. Added fields stay available by scrolling rather than
     being removed to imitate a screenshot with fewer fields. */
  .vertex-desktop.vn-interface #modal[data-vn-reference="frmCustSup"]:not(:has(.cw-half)) {
    position:relative!important; inset:auto!important; width:779px!important; height:auto!important;
    max-width:calc(100vw - 24px)!important; max-height:calc(100vh - var(--vp-worktop,74px) - 35px)!important;
    margin:auto!important; transform:none!important; overflow:auto!important;
  }
  .vertex-desktop.vn-interface #modal[data-vn-reference="frmCustSup"] :is(.vp-party-card,.cw-window) { width:100%!important; min-width:0!important; max-width:none!important; }
  .vertex-desktop.vn-interface #modal[data-vn-reference="frmCustSup"] #modalBody { min-width:0!important; height:auto!important; }
  .vertex-desktop.vn-interface .vp-party-card form.form-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:5px 18px!important; }
  .vertex-desktop.vn-interface #modal[data-vn-reference="frmMatDefNew"] { width:639px!important; max-width:calc(100vw - 24px)!important; }
  .vertex-desktop.vn-interface #modal[data-vn-reference="frmMatDefNew"] .vp-item-card { width:100%!important; min-width:0!important; }
  .vertex-desktop.vn-interface #vxFullItem { width:100%!important; min-height:480px; }
  .vertex-desktop.vn-interface #vxFullItem [data-vx-panel] { height:386px!important; min-height:0!important; max-height:calc(100vh - 245px); }
  .vertex-desktop.vn-interface #vxFullItem .vx-tabs { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .vertex-desktop.vn-interface #vxFullItem .vx-tabs button { min-width:0; white-space:normal; height:29px; line-height:13px; }
  .vertex-desktop.vn-interface #modal[data-vn-kind="dialog"] .form-group { min-width:0; }
  .vertex-desktop.vn-interface #modal[data-vn-kind="dialog"] .form-group :is(input,select,textarea) { max-width:100%; }
  /* Full-page ledgers remain full-page; their customer card stays a dialog. */
  .vertex-desktop.vn-interface #content.cw-statement-page-active { padding:0 4px 4px!important; }
  .vertex-desktop.vn-interface :is(.cw-page,.cw-window)>.cw-title {
    background:var(--vn-title); min-height:25px; padding:2px 6px; border:0;
    border-bottom:1px solid #90adc5; gap:8px; flex-wrap:wrap;
  }
  .vertex-desktop.vn-interface :is(.cw-page,.cw-window) .cw-title h2 { font:12px/18px Arial,sans-serif!important; margin:0; }
  .vertex-desktop.vn-interface .cw-title small { font-size:11px; }
  .vertex-desktop.vn-interface .cw-title p { font-size:11px; margin:0; }
  .vertex-desktop.vn-interface .cw-actions { gap:3px; }
  .vertex-desktop.vn-interface .cw-icon { min-height:23px; padding:1px 5px; gap:4px; }
  .vertex-desktop.vn-interface .cw-icon svg { height:18px; width:18px; padding:2px; border-radius:0; }
  .vertex-desktop.vn-interface .cw-statement-layout { grid-template-columns:215px minmax(0,1fr); gap:7px; padding-top:5px; }
  .vertex-desktop.vn-interface .cw-page .cw-statement-table table { min-width:max(750px,100%)!important; }
  .vertex-desktop.vn-interface .cw-filters { border:1px solid #c5c5c5; }
  .vertex-desktop.vn-interface .cw-filters label { margin-bottom:6px; }
  .vertex-desktop.vn-interface .cw-filters h3 { font-size:12px; margin:9px 0 4px; }
  .vertex-desktop.vn-interface .cw-aging>div { font-size:12px; padding:3px; }
  .vertex-desktop.vn-interface :is(.cw-contact,.cw-aging-note,.cw-rounding-note,.cw-note-label) { font-size:12px; }
  .vertex-desktop.vn-interface .cw-note-label { gap:3px; }
  .vertex-desktop.vn-interface .cw-note-label textarea { height:44px; min-height:38px; font-size:12px; padding:3px; }
  .vertex-desktop.vn-interface .cw-card-details .info-grid { gap:5px 9px; }
  .vertex-desktop.vn-interface .cw-card-details .info-item { padding:5px; font-size:12px; border-radius:0; }
  .vertex-desktop.vn-interface .cw-card-details .info-item :is(strong,b) { font-size:12px; }
  /* New Vertex modules use the same window family without losing their own
     content, accessibility controls, company artwork or action handlers. */
  .vertex-desktop.vn-interface .card-header { min-height:25px; padding:3px 6px; }
  .vertex-desktop.vn-interface .card-header h2 { font-size:13px; }
  .vertex-desktop.vn-interface .vx-tabs { gap:1px; }
  .vertex-desktop.vn-interface .vx-tabs button { border-radius:0; font-size:12px; }
  .vertex-desktop.vn-interface :is(.vx-dialog-footer,.vp-dialog-footer) { min-height:30px; gap:5px; }
}
@media screen and (min-width:1000px) {
  .vertex-desktop.vn-interface .vp-workspace:not(.cd-workspace):not(.sales-register-workspace):has(>.vp-sidebar :is(input,select)) { grid-template-columns:minmax(0,1fr) 215px; gap:7px; }
  .vertex-desktop.vn-interface .sales-register-workspace { grid-template-columns:minmax(0,1fr) 215px!important; gap:7px; }
  .vertex-desktop.vn-interface .cd-workspace { grid-template-columns:minmax(0,1fr) 230px!important; gap:7px; }
  .vertex-desktop.vn-interface .irv-workspace { grid-template-columns:minmax(0,1fr) 215px; gap:7px; }
  .vertex-desktop.vn-interface .vx-report-tools { width:215px; }
  .vertex-desktop.vn-interface .vx-report-tools+.vx-records-grid { margin-right:222px; }
}
@media screen and (max-width:1150px) {
  .vertex-desktop.vn-interface :is(.ve-header,.ce-header) { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .vertex-desktop.vn-interface .ve-header label:has([name=notes]) { grid-column:2/-1; }
  .vertex-desktop.vn-interface .ve-cash-box { width:min(550px,65%); }
  .vertex-desktop.vn-interface .ve-cash-box>div { flex-wrap:wrap; }
  .vertex-desktop.vn-interface .ve-cash-box label { width:75px; }
  .vertex-desktop.vn-interface .ve-cash-box input { width:110px!important; }
}
@media screen and (max-width:800px) {
  .vertex-desktop.vn-interface :is(.ve-header,.ce-header) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vertex-desktop.vn-interface .ve-header label:has([name=notes]) { grid-column:1/-1; }
  .vertex-desktop.vn-interface :is(#voucherForm,#chequeForm) { overflow:auto!important; }
  .vertex-desktop.vn-interface .ve-grid-wrap { flex:1 0 200px; }
  .vertex-desktop.vn-interface .ve-bottom { flex-wrap:wrap; }
  .vertex-desktop.vn-interface .ve-cash-box { width:100%; max-width:none; }
  .vertex-desktop.vn-interface .ve-totals { margin-left:auto; }
  .vertex-desktop.vn-interface .vp-document-window #tradeForm>.form-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .vertex-desktop.vn-interface #tradeForm>.form-grid>.form-group[data-field] { grid-column:auto!important; grid-row:auto!important; }
  .vertex-desktop.vn-interface #modal[data-vn-reference="frmCustSup"] .vp-party-card form.form-grid { grid-template-columns:1fr!important; }
  .vertex-desktop.vn-interface .vp-document-window .transfer-header { grid-template-columns:1fr!important; }
}
@media screen and (max-width:650px) {
  .vertex-desktop.vn-interface .cw-statement-layout { grid-template-columns:minmax(0,1fr); }
  .vertex-desktop.vn-interface .cw-page .cw-filters { height:auto; }
  .vertex-desktop.vn-interface .cw-page>.cw-statement-layout { overflow:auto; }
  .vertex-desktop.vn-interface #vxFullItem .vx-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .vertex-desktop.vn-interface #vxFullItem [data-vx-panel] { max-height:calc(100vh - 310px); }
}

/* Approved live voucher reference, 2026-09-16. Original controls and handlers stay intact. */
@media screen {
 body.vertex-desktop.vn-interface #modal.ve-modal{inset:calc(var(--vp-worktop,74px) + 6px) 20px 40px 8px!important;background:var(--vn-face)!important}
 body.vertex-desktop.vn-interface #modal.ve-modal #modalBody>.ve-window{position:relative;font:10px Arial!important;background:var(--vn-face)!important}
 body.vertex-desktop.vn-interface #modal.ve-modal #modalBody>.ve-window>h2:first-child{position:relative!important;min-height:22px!important;height:22px!important;line-height:20px!important;font:10px/20px Arial!important;padding:0 34px 0 5px!important;background:var(--vn-title)!important}
 .vertex-desktop.vn-interface .vn-caption-close{position:absolute!important;right:3px;top:2px;width:25px!important;min-width:25px!important;height:16px!important;min-height:16px!important;padding:0!important;border:1px solid #8a6d68!important;background:linear-gradient(#d89e90,#aa4935)!important;color:#fff!important;line-height:12px!important;border-radius:0!important}
 .vertex-desktop.vn-interface .vn-caption-close:before{content:'×';font:13px/12px Arial}
 body.vertex-desktop.vn-interface :is(#voucherForm,#chequeForm){padding:0 4px!important;position:relative;overflow:hidden!important}
 body.vertex-desktop.vn-interface :is(.ve-header,.ce-header){display:block!important;position:relative;width:840px!important;max-width:none!important;min-height:90px!important;height:90px!important;padding:0!important;align-self:flex-end!important;margin:0 auto 0 0!important}
 body.vertex-desktop.vn-interface .ve-header>label{position:absolute;display:flex;align-items:center;height:19px;font:10px Arial!important;gap:5px;white-space:nowrap;margin:0!important;min-width:0}
 body.vertex-desktop.vn-interface .ve-header .vn-field-label{flex:none;width:45px;font:10px Arial}
 body.vertex-desktop.vn-interface .ve-header :is(input,select){font:10px Arial!important;min-height:18px!important;height:18px!important;padding:0 2px!important;width:100%!important;flex:1;min-width:0;border:2px inset #ddd!important;background:white!important}
 body.vertex-desktop.vn-interface .ve-header [data-vn-field=number]{left:742px;top:7px;width:90px}.vertex-desktop.vn-interface .ve-header [data-vn-field=number]>.vn-field-label{width:25px}
 body.vertex-desktop.vn-interface .ve-header [data-vn-field=documentNumber]{left:614px;top:7px;width:118px}.vertex-desktop.vn-interface .ve-header [data-vn-field=documentNumber]>.vn-field-label{width:47px}
 body.vertex-desktop.vn-interface .ve-header [data-vn-field=date]{left:454px;top:7px;width:147px}.vertex-desktop.vn-interface .ve-header [data-vn-field=date]>.vn-field-label{width:29px}
 body.vertex-desktop.vn-interface .ve-header [data-vn-field=branchId]{left:220px;top:7px;width:215px}
 body.vertex-desktop.vn-interface .ve-header [data-vn-field=userName]{left:8px;top:7px;width:195px}
 body.vertex-desktop.vn-interface .ve-header [data-vn-field=referenceNumber]{left:694px;top:35px;width:138px}.vertex-desktop.vn-interface .ve-header [data-vn-field=referenceNumber]>.vn-field-label{width:29px}
 body.vertex-desktop.vn-interface .ve-header [data-vn-field=bookId]{left:454px;top:35px;width:207px}.vertex-desktop.vn-interface .ve-header [data-vn-field=bookId]>.vn-field-label{width:29px}
 body.vertex-desktop.vn-interface .ve-header [data-vn-field=currency]{left:220px;top:35px;width:215px}
 body.vertex-desktop.vn-interface .ve-header [data-vn-field=currencyId]{left:272px;top:35px;width:163px}
 body.vertex-desktop.vn-interface .ve-header [data-vn-field=exchangeRate]{left:220px;top:35px;width:47px}.vertex-desktop.vn-interface .ve-header [data-vn-field=exchangeRate]>.vn-field-label{display:none}
 body.vertex-desktop.vn-interface .ve-header [data-vn-field=repId]{left:8px;top:35px;width:195px}
 body.vertex-desktop.vn-interface .ve-header [data-vn-field=notes]{left:454px;top:63px;width:378px}.vertex-desktop.vn-interface .ve-header [data-vn-field=notes]>.vn-field-label{width:29px}
 body.vertex-desktop.vn-interface .ve-header [data-vn-field=chequeModel]{left:220px;top:63px;width:215px}
 body.vertex-desktop.vn-interface .ve-header [data-vn-field=printTemplateId]{left:8px;top:63px;width:195px}
 body.vertex-desktop.vn-interface .ve-grid-wrap{margin:0;min-height:100px;flex:1;overflow:auto;isolation:isolate;background:repeating-linear-gradient(to bottom,#fff 0,#fff 14px,#e0e0e0 14px,#e0e0e0 28px)}
 body.vertex-desktop.vn-interface .ve-payment .ve-grid-wrap{background:repeating-linear-gradient(to bottom,#fff 0,#fff 14px,#fddade 14px,#fddade 28px)}
 body.vertex-desktop.vn-interface .ve-grid th{height:21px!important;line-height:18px!important;font:10px/18px Arial!important;padding:0 3px!important;background:var(--vn-blue)!important}
 body.vertex-desktop.vn-interface .ve-payment .ve-grid th{background:var(--vn-red)!important}
 body.vertex-desktop.vn-interface .ve-grid td{height:14px!important;line-height:14px!important;font:10px Arial!important;border-bottom:0!important}
 body.vertex-desktop.vn-interface .ve-grid tr:nth-child(even) td{background:#e0e0e0!important}
 body.vertex-desktop.vn-interface .ve-payment .ve-grid tr:nth-child(even) td{background:#fddade!important}
 body.vertex-desktop.vn-interface .ve-grid td :is(input,select){min-height:14px!important;height:14px!important;font:10px/13px Arial!important;padding:0 3px!important;box-shadow:none!important}
 body.vertex-desktop.vn-interface .ve-grid td select{appearance:none}body.vertex-desktop.vn-interface .ve-grid td select:focus{appearance:auto}
 body.vertex-desktop.vn-interface .ve-position{text-align:center!important;color:#555!important;background:#eee!important}
 body.vertex-desktop.vn-interface .ve-bottom,body.vertex-desktop.vn-interface .ce-window .ve-bottom{height:70px;min-height:70px;flex-direction:row;justify-content:flex-start;direction:ltr;gap:7px;padding:8px 2px 5px;background:var(--vn-face)}
 body.vertex-desktop.vn-interface .ve-cash-box,body.vertex-desktop.vn-interface .ce-window .ve-cash-box{width:447px;min-width:447px;max-width:447px;min-height:52px;height:52px;position:relative;padding:3px 5px;box-sizing:border-box}
 body.vertex-desktop.vn-interface .ve-cash-box>div{display:flex;flex-wrap:nowrap;height:20px;min-height:20px;gap:3px;font:10px Arial}
 body.vertex-desktop.vn-interface .ve-cash-box label{width:70px;font:10px Arial;flex:none}
 body.vertex-desktop.vn-interface .ve-cash-box input{width:106px!important;font:10px Arial!important;height:18px!important;min-height:18px!important;flex:none}
 body.vertex-desktop.vn-interface .ve-cash-box .ve-tree-button{width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important}
 body.vertex-desktop.vn-interface .ve-cash-box span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;font:10px Arial;white-space:nowrap}
 body.vertex-desktop.vn-interface .ve-cash-box output{min-width:86px;width:86px;flex:none;height:15px;font:10px/15px Arial}
 body.vertex-desktop.vn-interface .ve-default-cash{position:absolute;left:0;top:100%;height:17px!important;min-height:17px!important;font:10px Arial!important;padding:0 4px!important;margin-top:1px}
 body.vertex-desktop.vn-interface .ve-totals,body.vertex-desktop.vn-interface .ce-window .ve-totals{width:360px;min-width:360px;min-height:52px;padding:3px 8px;font:10px/14px Arial}
 body.vertex-desktop.vn-interface .ve-commandbar{height:30px;min-height:30px;flex-wrap:nowrap;gap:4px;padding:2px 2px;overflow:visible}
 body.vertex-desktop.vn-interface .ve-commandbar .btn{min-height:21px!important;height:21px!important;font:10px Arial!important;line-height:18px!important;min-width:48px;padding:0 7px!important}
 body.vertex-desktop.vn-interface .ve-commandbar [data-command=first],body.vertex-desktop.vn-interface .ve-commandbar [data-command=previous],body.vertex-desktop.vn-interface .ve-commandbar [data-command=next],body.vertex-desktop.vn-interface .ve-commandbar [data-command=last]{min-width:21px!important;width:21px;padding:0!important}
 body.vertex-desktop.vn-interface .ve-grid-options{font:10px Arial;margin:0 2px}.vertex-desktop.vn-interface .ve-grid-options summary{padding:2px 5px}
 body.vertex-desktop.vn-interface .ve-status{height:18px;min-height:18px;flex-wrap:nowrap;font:10px Arial;gap:25px;padding:1px 2px}
 body.vertex-desktop.vn-interface .ve-journal .ve-bottom{height:29px;min-height:29px;direction:rtl;padding:2px 10px}
 body.vertex-desktop.vn-interface .ve-journal .ve-totals{display:flex;align-items:center;justify-content:space-between;gap:10px;width:368px;min-width:368px;min-height:18px;height:18px;background:#ffffc3;border:0;padding:1px 4px;font:10px Arial}
 body.vertex-desktop.vn-interface .ve-journal .ve-totals br{display:none}
 body.vertex-desktop.vn-interface .ce-cheque-data{position:absolute;left:865px;top:7px;width:calc(100% - 875px);max-width:380px;display:grid;gap:8px;align-items:center;padding:0;z-index:2}
 body.vertex-desktop.vn-interface .ce-cheque-data>label{display:flex;gap:5px;min-width:0;font:10px Arial}
 body.vertex-desktop.vn-interface .ce-cheque-data .vn-field-label{width:74px;flex:none}.vertex-desktop.vn-interface .ce-cheque-data input{width:100%!important;flex:1;min-width:0;height:18px!important;min-height:18px!important;font:10px Arial!important}
 body.vertex-desktop.vn-interface .ve-account-picker{left:0;top:0;bottom:0;width:410px;max-width:95vw;font:10px Arial}
 body.vertex-desktop.vn-interface .ve-account-picker header{height:23px;min-height:23px;font:10px Arial;background:#f1f1f1;padding:4px 5px;order:0}
 body.vertex-desktop.vn-interface .ve-account-categories{padding:6px 4px;gap:5px;order:1}.vertex-desktop.vn-interface .ve-account-categories label{font:10px Arial;color:#263b73}.vertex-desktop.vn-interface .ve-account-categories label:nth-child(n+5){color:#8e3020}
 body.vertex-desktop.vn-interface .ve-account-tree{order:2;font:10px Arial;padding:0}.vertex-desktop.vn-interface .ve-account-tree [role=treeitem]{min-height:16px;line-height:16px}.vertex-desktop.vn-interface .ve-tree-root{height:15px;line-height:15px;color:#fff;background:#0781cd;padding:0 4px}
 body.vertex-desktop.vn-interface .ve-tree-search{order:3;background:#dce9c9!important;height:18px!important;min-height:18px!important;font:10px Arial!important;margin:2px;width:calc(100% - 4px)!important}
 body.vertex-desktop.vn-interface .ve-account-picker footer{order:4;padding:3px 5px}.vertex-desktop.vn-interface .ve-account-picker footer .btn{font:10px Arial!important;height:22px!important;min-height:22px!important}
 body.vertex-desktop.vn-interface .ve-tree-status{order:5;height:17px;min-height:17px;background:#eee;font:10px/15px Arial;padding:1px 5px}
 body.vertex-desktop.vn-interface :is(#voucherForm,#chequeForm) .pc-draft-note{width:430px;max-width:calc(100% - 20px);font:10px Arial!important;margin:0 0 0 auto!important;padding:0!important;display:flex;gap:6px;align-items:center;min-height:22px}
 body.vertex-desktop.vn-interface :is(#voucherForm,#chequeForm) .pc-draft-note textarea{height:20px!important;min-height:20px!important;font:10px/16px Arial!important;padding:0 3px!important;resize:vertical;flex:1;min-width:0}
}
@media screen and (max-width:1250px){body.vertex-desktop.vn-interface .ce-cheque-data{position:static;width:auto;max-width:none;display:flex;gap:9px;flex-wrap:wrap;padding:0 3px 5px}body.vertex-desktop.vn-interface .ce-cheque-data>label{width:30%;min-width:220px}.vertex-desktop.vn-interface .ve-commandbar .btn{padding-inline:4px!important}body.vertex-desktop.vn-interface .ve-totals{min-width:290px;width:290px}}
@media screen and (max-width:950px){body.vertex-desktop.vn-interface :is(#voucherForm,#chequeForm){overflow:auto!important}body.vertex-desktop.vn-interface .ve-header{width:840px!important;flex:none;align-self:flex-end!important}body.vertex-desktop.vn-interface .ve-grid-wrap{flex:1 0 230px}.vertex-desktop.vn-interface .ve-commandbar{flex-wrap:wrap!important;height:auto;min-height:30px}.vertex-desktop.vn-interface .ve-bottom{flex-wrap:wrap!important;height:auto;min-height:70px}.vertex-desktop.vn-interface .ve-cash-box{max-width:100%!important;min-width:min(447px,100%)!important}}

@media screen { body.vertex-desktop.vn-interface .ve-header .master-combo{flex:1;min-width:0;width:100%;height:18px!important;display:block} body.vertex-desktop.vn-interface .ve-header .master-combo input{height:18px!important;padding-left:19px!important} body.vertex-desktop.vn-interface .ve-header .master-arrow{height:18px!important;min-height:18px!important;width:18px!important;min-width:18px!important;padding:0!important;top:0;left:0;font:10px Arial!important} body.vertex-desktop.vn-interface .ve-header .master-native{display:none!important} }
@media screen {
 body.vertex-desktop.vn-interface .ve-grid th{white-space:nowrap!important}
 body.vertex-desktop.vn-interface .vn-daily-window{height:100%;display:flex;flex-direction:column;font:10px Arial!important;background:#f1f1f1!important}
 body.vertex-desktop.vn-interface .vn-daily-window>h2{font:10px/20px Arial!important;height:22px!important;min-height:22px!important}
 body.vertex-desktop.vn-interface .vn-daily-window #vxDocumentForm{display:flex;flex-direction:column;min-height:0;flex:1;padding:0 5px!important;overflow:hidden}
 body.vertex-desktop.vn-interface .vn-daily-window .vx-document-header{position:relative;display:block!important;width:840px;height:90px;min-height:90px;align-self:flex-end;padding:0!important}
 body.vertex-desktop.vn-interface .vn-daily-window .vx-document-header>.form-group{position:absolute;display:flex!important;gap:5px;align-items:center;min-height:18px;margin:0;padding:0}
 body.vertex-desktop.vn-interface .vn-daily-window [data-vn-field=number]{left:742px;top:7px;width:90px}
 body.vertex-desktop.vn-interface .vn-daily-window [data-vn-field=date]{left:454px;top:7px;width:147px}
 body.vertex-desktop.vn-interface .vn-daily-window [data-vn-field=documentBookId]{left:454px;top:35px;width:207px}
 body.vertex-desktop.vn-interface .vn-daily-window [data-vn-field=notes]{left:454px;top:63px;width:378px}
 body.vertex-desktop.vn-interface .vn-daily-window .form-group label{font:10px Arial!important;flex:none;min-width:29px;margin:0!important;white-space:nowrap}
 body.vertex-desktop.vn-interface .vn-daily-window input,body.vertex-desktop.vn-interface .vn-daily-window select{font:10px Arial!important;min-height:18px!important;height:18px!important;padding:0 3px!important;border-radius:0!important;max-width:none!important}
 body.vertex-desktop.vn-interface .vn-daily-window .vx-document-header input,body.vertex-desktop.vn-interface .vn-daily-window .vx-document-header select{width:100%!important;min-width:0!important;flex:1;background:#fff!important}
 body.vertex-desktop.vn-interface .vn-daily-window #vxDocumentLines{position:relative;min-height:180px;flex:1;overflow:auto;border:2px inset #ddd;background:repeating-linear-gradient(to bottom,#fff 0px,#fff 14px,#e0e0e0 14px,#e0e0e0 28px);padding:0!important}
 body.vertex-desktop.vn-interface .vn-daily-window #vxDocumentLines .table-wrap{height:100%;min-height:0;overflow:auto;border:0;background:transparent}
 body.vertex-desktop.vn-interface .vn-daily-window #vxDocumentLines table{min-width:100%!important;table-layout:fixed;max-width:none!important;border-collapse:separate!important;border-spacing:0!important;margin:0!important}
 body.vertex-desktop.vn-interface .vn-daily-window #vxDocumentLines th{height:21px!important;padding:0 3px!important;font:10px/18px Arial!important;background:#1e65b5!important;white-space:nowrap;position:sticky;top:0}
 body.vertex-desktop.vn-interface .vn-daily-window #vxDocumentLines td{padding:0!important;height:18px!important;font:10px Arial!important;border-left:1px solid #eee;overflow:hidden;background:#fff!important}
 body.vertex-desktop.vn-interface .vn-daily-window #vxDocumentLines tr:nth-child(even) td{background:#e0e0e0!important}
 body.vertex-desktop.vn-interface .vn-daily-window #vxDocumentLines td input{border:0!important;background:transparent!important;width:100%!important;min-width:0!important}
 body.vertex-desktop.vn-interface .vn-daily-window .master-combo{min-width:0!important;height:18px!important;max-width:none!important}
 body.vertex-desktop.vn-interface .vn-daily-window .master-arrow{font:10px Arial!important;min-height:18px!important;height:18px!important;padding:0!important;width:18px!important;min-width:18px!important;top:0}
 body.vertex-desktop.vn-interface .vn-daily-window .master-combo input{padding-left:18px!important}
 body.vertex-desktop.vn-interface .vn-daily-code{font:10px Arial;direction:ltr;padding:0 3px;display:block}
 body.vertex-desktop.vn-interface .vn-daily-bottom{display:flex;direction:ltr;min-height:48px;align-items:flex-start;justify-content:space-between;padding:6px 0;gap:10px}
 body.vertex-desktop.vn-interface .vn-daily-bottom .form-group{direction:rtl;display:flex;gap:8px;width:447px;margin:0!important}
 body.vertex-desktop.vn-interface .vn-daily-bottom .master-combo{flex:1}
 body.vertex-desktop.vn-interface .vn-daily-totals{font:10px/18px Arial;white-space:pre;background:#ffffc3;direction:rtl;min-width:360px;padding:0 5px}
 body.vertex-desktop.vn-interface .vn-daily-window .vx-dialog-footer{display:flex;flex-direction:row!important;direction:rtl!important;justify-content:flex-start!important;min-height:30px!important;padding:3px 0!important;gap:4px!important}
 body.vertex-desktop.vn-interface .vn-daily-window .vx-dialog-footer>output{margin-left:auto}
 body.vertex-desktop.vn-interface .vn-daily-window .btn{font:10px Arial!important;height:21px!important;min-height:21px!important;padding:0 7px!important;border-radius:0!important}
 body.vertex-desktop.vn-interface .vn-daily-window .pc-draft-note{font:10px Arial;width:430px;align-self:flex-start;display:flex;align-items:center;gap:5px;margin:0!important;min-height:22px!important;padding:0!important}
 body.vertex-desktop.vn-interface .vn-daily-window .pc-draft-note textarea{height:20px!important;min-height:20px!important;font:10px Arial!important;flex:1}
 @media(max-width:950px){body.vertex-desktop.vn-interface .vn-daily-window #vxDocumentForm{overflow:auto}body.vertex-desktop.vn-interface .vn-daily-window .vx-document-header{flex:none}body.vertex-desktop.vn-interface .vn-daily-bottom{flex-wrap:wrap}}
}
@media screen {
 body.vertex-desktop.vn-interface .vn-daily-window #vxDocumentLines tbody:after{display:none!important;content:none!important}
 body.vertex-desktop.vn-interface .vn-daily-window .vx-dialog-footer{margin-top:0!important}
 body.vertex-desktop.vn-interface .vn-daily-window .vx-dialog-footer>output{order:5;margin:0 auto 0 0!important}
 body.vertex-desktop.vn-interface .vn-daily-window .vx-document-header>.form-group input,body.vertex-desktop.vn-interface .vn-daily-window .vx-document-header>.form-group select{flex:1 1 0!important;width:0!important;min-width:0!important;margin:0!important}
 body.vertex-desktop.vn-interface #modal:has(.vn-daily-window)>.modal-close{left:auto!important;right:3px!important;top:3px!important;width:25px!important;height:16px!important;min-height:16px!important;padding:0!important;font:13px/12px Arial!important;border:1px solid #8a6d68!important;background:linear-gradient(#d89e90,#aa4935)!important;color:white!important}
 body.vertex-desktop.vn-interface .vn-daily-window>h2{padding-right:34px!important}
}

@media screen {body.vertex-desktop.vn-interface .vn-daily-window .vx-dialog-footer .vp-universal-grid-tools{margin-right:auto;order:6;height:21px}body.vertex-desktop.vn-interface .vn-daily-window .vx-dialog-footer>output{flex:none;margin:0!important}body.vertex-desktop.vn-interface .vn-daily-window #vxDocumentLines table{background:transparent!important}}

@media screen {body.vertex-desktop.vn-interface .vn-daily-window .vx-document-header .form-group label{width:29px!important;min-width:29px!important;max-width:29px!important;flex:0 0 29px!important}body.vertex-desktop.vn-interface .vn-daily-window .vx-document-header [data-vn-field=notes] label{width:74px!important;max-width:74px!important;flex-basis:74px!important}body.vertex-desktop.vn-interface .vn-daily-window .vn-daily-bottom .form-group label{width:70px!important;flex:0 0 70px!important}}

@media screen {body.vertex-desktop.vn-interface .vn-daily-window #vxDocumentLines .table-wrap{padding:0!important;direction:ltr!important}}

/* Keep ISO date bindings while rendering the classic desktop calendar control. */
@media screen {
 body.vertex-desktop.vn-interface :is(.ve-header,.ce-cheque-data,.vn-daily-window) .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(.ve-header,.ce-cheque-data,.vn-daily-window) .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(.ve-header,.ce-cheque-data,.vn-daily-window) .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:10px Arial!important;text-align:right!important;padding:0 3px!important;background:#fff!important;border:2px inset #ddd!important;direction:ltr!important}
 body.vertex-desktop.vn-interface .vn-date-control .vn-calendar-button{width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;padding:1px!important;border:2px outset #ddd!important;background:#eee!important;display:flex;align-items:center;justify-content:center;position:relative;top:-1px}
 body.vertex-desktop.vn-interface .vn-calendar-button svg{width:13px;height:13px;fill:none;stroke:#333;stroke-width:1}
 body.vertex-desktop.vn-interface .ve-journal .ve-totals span{white-space:nowrap}
 body.vertex-desktop.vn-interface .ve-header [data-vn-field=currency]{left:272px;width:163px}
 body.vertex-desktop.vn-interface :is(#voucherForm,#chequeForm) .pc-draft-note{position:absolute;bottom:46px;right:4px;min-height:20px}
 body.vertex-desktop.vn-interface :is(#voucherForm,#chequeForm) .pc-draft-note textarea{height:18px!important;min-height:18px!important}
}
@media screen {
 body.vertex-desktop.vn-interface #modal:has(.vn-daily-window){position:fixed!important;inset:calc(var(--vp-worktop,74px) + 6px) 20px 40px 8px!important;width:auto!important;height:auto!important;padding:0!important;border:2px outset #ddd!important;transform:none!important}
 body.vertex-desktop.vn-interface #modal:has(.vn-daily-window)>#modalBody{padding:0!important;height:100%;overflow:hidden!important}
 body.vertex-desktop.vn-interface .vn-daily-window #vxDocumentForm{padding:0 4px!important}
 body.vertex-desktop.vn-interface .vn-daily-cash-code{display:block;width:106px;flex:0 0 106px;background:#cbe4ef;border:2px inset #ddd;height:18px;font:10px/14px Arial;direction:ltr;text-align:right;padding:0 3px}
 body.vertex-desktop.vn-interface .vn-daily-bottom .form-group{gap:3px!important;border:1px groove #ddd;padding:4px 5px!important;height:33px}
 body.vertex-desktop.vn-interface .vn-daily-window .vn-daily-cash-pick{width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;padding:0!important}
 body.vertex-desktop.vn-interface .vn-daily-bottom .master-combo{min-width:0!important;width:0!important;flex:1!important}
 body.vertex-desktop.vn-interface .vn-daily-bottom [name=cashAccountId]{min-width:0!important;flex:1!important}
 body.vertex-desktop.vn-interface #modalBackdrop:has(.vn-daily-window){background:#aaa!important;backdrop-filter:none!important;top:var(--vp-worktop,74px)!important;bottom:20px!important}
}
@media screen {
 body.vertex-desktop.vn-interface .vn-daily-window #vxDocumentLines td{height:14px!important;min-height:14px!important;line-height:13px!important}
 body.vertex-desktop.vn-interface .vn-daily-window #vxDocumentLines td :is(input,select,.master-combo,.master-arrow,button){height:14px!important;min-height:14px!important;font:10px/13px Arial!important;padding-block:0!important}
 body.vertex-desktop.vn-interface .vn-daily-window #vxDocumentLines td button{min-width:14px!important;padding-inline:2px!important}
 body.vertex-desktop.vn-interface .vn-daily-window #vxDocumentLines td .master-search{padding-left:18px!important}
 body.vertex-desktop.vn-interface .vn-daily-window #vxDocumentLines .vn-daily-code{height:14px;line-height:13px}
}
@media screen {
 body.vertex-desktop.vn-interface .vn-daily-bottom .form-group{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important}
 body.vertex-desktop.vn-interface #modal:has(.vn-daily-window)>#modalBody>.vn-daily-window{padding:0!important}
 body.vertex-desktop.vn-interface #modal:has(.vn-daily-window)>#modalBody>.vn-daily-window>h2:first-child{position:relative!important;height:22px!important;min-height:22px!important;line-height:20px!important;padding:0 34px 0 5px!important;margin:0!important}
}