@media screen{
/* Compact popup sizing; the final screen rule keeps titles and content equal. */
body.ux-readable :is(#modal,dialog,.ref-picker,.ve-account-picker,.pc-overlay,.stock-alert-overlay){--ux-size:var(--ux-popup-size,14px)}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable :is(#modal #modalBody,dialog,.ref-picker,.ve-account-picker,.pc-overlay) :is(h2,h3),
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable #modalBackdrop #modal #modalTitle{font:700 calc(var(--ux-size) + 1px)/1.5 var(--ux-font),sans-serif!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable dialog.app-choice.app-choice p{font-size:var(--ux-size)!important;line-height:1.6!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable #content :is(.kpi-note,.ref-option-note,.muted,.hint){font:500 14px/1.6 var(--ux-font),sans-serif!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable.ux-readable #desktopToolbar .vx-shortcut>button.btn{width:max-content!important;padding:2px 5px!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable #modal #modalBody #tradeForm .ir-payment-footer :is(label,input,output,.ir-amount-words){font-weight:700!important}
body.ux-readable dialog.app-choice[open]{height:fit-content!important;min-height:170px!important;display:block!important}
body.ux-readable dialog.app-choice p{margin:16px 0!important}
body.ux-readable dialog.app-choice footer{display:flex!important;justify-content:center!important;gap:12px!important}
body.ux-readable #modal #modalBody #tradeForm>.ref-header>.form-group>label{flex-basis:112px!important;width:112px!important;white-space:normal!important}
body.ux-readable #modal #modalBody #tradeForm .ir-grid :is(th,td){white-space:normal!important;overflow:visible!important;word-break:normal!important;min-width:80px!important;height:auto!important}
body.ux-readable #modal #modalBody #tradeForm .ir-grid th{line-height:1.5!important;padding:4px!important;vertical-align:middle!important}
body.ux-readable #modal #modalBody #tradeForm .ir-grid :is(input,select,.master-search){font-size:max(var(--ux-size),var(--ref-font,12px))!important;min-height:max(29px,var(--ref-row,15px))!important}
body.ux-readable #modal #modalBody #tradeForm .ir-payment-footer :is(label,input,output,.ir-amount-words){font-weight:700!important}
body.ux-readable #modal #modalBody :is(.numeric-negative,.numeric-negative *,input.numeric-negative){color:#b42318!important}
body.ux-readable dialog.ref-options .ux-appearance-options{display:grid!important;grid-template-columns:1fr 1fr;gap:12px 24px!important}
body.ux-readable dialog.ref-options .ux-appearance-options select{width:210px!important;height:30px!important}
body.ux-readable dialog.ref-options :is(.ref-option-note,header span){font:600 14px/1.6 var(--ux-font),sans-serif!important}
body.ux-readable #desktopToolbar .vx-shortcut>button svg{border:0!important;box-shadow:none!important;padding:0!important}
@media(max-width:900px){body.ux-readable dialog.ref-options .ux-appearance-options{grid-template-columns:1fr!important}}
body.ux-readable #content .ux-launcher .ux-tile span,body.ux-readable #content .kpi-card small,body.ux-readable #content .kpi small{font:600 var(--ux-size)/1.5 var(--ux-font),sans-serif!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable{font-family:var(--ux-font),sans-serif;color:var(--ux-text)}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable :is(#modal #modalBody #tradeForm,#modal #modalBody #voucherForm,#modal #modalBody #chequeForm,#modal #modalBody,#content,#sidebar #mainNav,#desktopToolbar,dialog,.ref-picker,.ve-account-picker,.pc-overlay) :is(label,input,select,textarea,button,summary,td,th,p,small,output,legend,.shortcut-label,.ref-check,.kpi-label){font-family:var(--ux-font),sans-serif!important;font-size:var(--ux-size)!important;font-weight:var(--ux-weight)!important;line-height:1.55!important;letter-spacing:normal!important;text-shadow:none!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable :is(#modal #modalBody #tradeForm,#modal #modalBody #voucherForm,#modal #modalBody,#content,dialog) :is(input,select,textarea,label,td,p,output){color:var(--ux-text)!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable :is(#modal #modalBody #tradeForm,#modal #modalBody #voucherForm,#modal #modalBody,#content,dialog) :is(.negative,.numeric-negative,[data-ir-remaining],.ir-customer-remaining,.receipt-remaining,.ref-warning){color:#b00020!important;font-weight:700!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable #modal #modalBody :is(input:not([type=checkbox]):not([type=radio]),select){height:29px!important;min-height:29px!important;padding:2px 5px!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable #modal #modalBody #tradeForm>.ref-header{grid-auto-rows:minmax(32px,auto)!important;width:min(1200px,100%)!important;gap:4px 14px!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable #modal #modalBody #tradeForm>.ref-header>.form-group{min-height:32px!important;height:auto!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable #modal #modalBody :is(.ve-header,.form-grid){row-gap:5px!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable #modal #modalBody :is(.ve-grid td,.ir-grid td){height:30px!important;padding:1px 3px!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable :is(#content,#modalBody) table th{background:var(--ux-accent)!important;color:white!important;min-height:30px}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable :is(#content,#modalBody,dialog) :is(h2,h3){font-family:var(--ux-font),sans-serif!important;font-weight:700!important;font-size:calc(var(--ux-size) + 3px)!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable #sidebar>.brand{height:28px!important;min-height:28px!important;max-height:none!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable #sidebar>.brand :is(strong,span){font:600 14px/26px var(--ux-font),sans-serif!important;color:var(--ux-text)!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable #sidebar #mainNav{height:auto!important;min-height:30px!important;max-height:none!important;display:flex!important;flex-wrap:wrap!important;overflow:visible!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable #sidebar #mainNav>details>summary,body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable #sidebar #mainNav>details>summary span{height:auto!important;min-height:28px!important;font:600 var(--ux-size)/1.6 var(--ux-font),sans-serif!important;color:var(--ux-text)!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable.ux-readable #desktopToolbar{height:auto!important;min-height:var(--ux-shortcut-height)!important;max-height:none!important;display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;overflow:visible!important;background:white!important;gap:3px!important;padding:3px!important;box-shadow:none!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable.ux-readable #desktopToolbar .vx-shortcut{height:var(--ux-shortcut-height)!important;min-height:var(--ux-shortcut-height)!important;flex:0 0 auto!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable.ux-readable #desktopToolbar .vx-shortcut>button.btn{width:var(--ux-shortcut-width)!important;min-width:var(--ux-shortcut-width)!important;height:var(--ux-shortcut-height)!important;min-height:var(--ux-shortcut-height)!important;padding:2px!important;background:transparent!important;border:0!important;box-shadow:none!important;gap:1px!important;color:var(--ux-accent)!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable.ux-readable #desktopToolbar .shortcut-label{font:600 var(--ux-size)/1.4 var(--ux-font),sans-serif!important;color:var(--ux-text)!important;background:none!important;white-space:nowrap}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable #desktopToolbar svg{width:var(--ux-icon)!important;height:var(--ux-icon)!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round;stroke-linejoin:round;filter:none!important;background:none!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable.ux-readable #desktopToolbar .vx-toolbar-menu>summary{height:var(--ux-shortcut-height)!important;min-height:var(--ux-shortcut-height)!important;line-height:var(--ux-shortcut-height)!important;width:18px!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable.ux-readable :is(#mainNav,#desktopToolbar) .vx-dropdown :is(button,summary,span){font:600 var(--ux-size)/1.6 var(--ux-font),sans-serif!important;height:auto!important;min-height:28px!important;color:var(--ux-text)!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable.ux-dashboard #desktopToolbar{display:none!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable[data-button-style=flat] :is(button,.btn,summary){background-image:none!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;border-style:solid!important;border-width:1px!important;border-color:#b7c5d0!important;border-radius:5px!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable[data-button-style=flat] :is(#modal #modalBody #tradeForm,#modal #modalBody,#content,dialog,.pc-overlay,.stock-alert-overlay,.ve-account-picker,.vx-dropdown) button{background:#f8fafc!important;background-image:none!important;box-shadow:none!important;border:1px solid #b7c5d0!important;color:var(--ux-text)!important;text-shadow:none!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable[data-button-style=pearl] :is(#modal #modalBody,#content,dialog) button{background:linear-gradient(#fff,#e1e5e8)!important;border:2px solid!important;border-color:white #879199 #879199 white!important;box-shadow:inset 1px 1px white,1px 1px 2px #0003!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable button:focus-visible,body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable summary:focus-visible{outline:2px solid var(--ux-accent)!important;outline-offset:2px!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable :is(dialog.app-choice,dialog.app-choice.app-print-choice){position:fixed!important;inset:0!important;margin:auto!important;transform:none!important;width:min(460px,92vw)!important;height:fit-content!important;min-height:170px!important;max-height:85vh!important;padding:22px!important;background:white!important;border:1px solid #b5c5d3!important;border-radius:12px!important;text-align:center!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable dialog.app-choice p{font-size:calc(var(--ux-size) + 2px)!important;line-height:1.8!important;font-weight:600!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable dialog.app-choice h2{color:var(--ux-accent)!important}
.ux-appearance-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px!important;grid-column:1/-1}.ux-appearance-options label{display:flex;align-items:center;justify-content:space-between;gap:10px}.ux-appearance-options p{grid-column:1/-1}.ux-appearance-options input,.ux-appearance-options select{width:150px;max-width:100%}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable dialog.ref-options{width:min(1180px,96vw)!important;height:min(800px,92vh)!important;max-height:92vh!important;overflow:auto!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable dialog.ref-options [role=tabpanel]{overflow:auto!important;min-height:0!important}
.ux-launcher{padding:24px!important;background:#f5f8fc;border:1px solid #e1e8f0;border-radius:14px;margin-bottom:20px}.ux-launcher h2{margin:0;color:var(--ux-text)}.ux-launcher>p{margin:6px 0 20px;color:#526575}.ux-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable #content .ux-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:122px;padding:16px!important;background:white!important;border:1px solid #d9e3ec!important;border-radius:12px!important;box-shadow:none!important;font-weight:700!important;color:var(--ux-text)!important}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable #content .ux-tile:hover{background:#edf5fc!important;border-color:var(--ux-accent)!important}.ux-tile svg{width:38px;height:38px;fill:none;stroke:var(--ux-accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable #content .page-head[hidden]{display:none!important}
/* Use the same normal-weight type for screen titles, labels, values and dialogs.
   The repeated modal ID outweighs legacy per-form !important font rules. */
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable :is(#modal#modal#modal#modal,#content:not(:has(>.ux-launcher)),dialog,.ref-picker,.ve-account-picker,.pc-overlay,.stock-alert-overlay),
body.vertex-desktop.vn-interface.vn-desktop-navigation.ref-single-preview.ux-readable :is(#modal#modal#modal#modal,#content:not(:has(>.ux-launcher)),dialog,.ref-picker,.ve-account-picker,.pc-overlay,.stock-alert-overlay) :is(h1,h2,h3,h4,p,span,strong,b,small,label,input,select,textarea,button,summary,td,th,output,legend,option,.rwc-caption,.ir-amount-words){font-family:var(--ux-font),sans-serif!important;font-size:var(--ux-popup-size,14px)!important;font-weight:400!important;text-shadow:none!important}
}