@layer modernApproved {
/* Approved visual direction; business handlers and data attributes retained. */
/* A voucher keeps the same modern appearance from entry and statement views. */
body.vertex-modern #modal#modal .ve-window{background:#f7f9fb!important;color:#172b3b!important}
body.vertex-modern #modal#modal .ve-window .ve-grid tbody tr:nth-child(even)>td{background:#edf3f7!important}
body.vertex-modern #modal#modal .ve-window .ve-grid tbody tr:nth-child(odd)>td{background:#fff!important}
body.vertex-modern #modal#modal .ve-window .ve-header :is(input,select):disabled{opacity:1!important;color:#172b3b!important;-webkit-text-fill-color:#172b3b!important;background:#fff!important}
body.vertex-modern #modal#modal .ve-window .ve-header .master-combo{opacity:1!important}
body.vertex-modern #modal#modal .ve-window :is(.ve-bottom,.ve-totals){background:#f7f9fb!important}
body.vertex-modern #modal#modal #voucherForm .pc-draft-note:has([data-original-save-note]){width:min(510px,100%)!important}
body.vertex-modern #modal#modal #voucherForm .pc-draft-note textarea{flex:1!important;min-width:0!important}
body.vertex-modern{font-family:Arial,sans-serif!important;background:#f3f5f8!important;color:#172b3b!important;--modern-side:226px;--vp-worktop:140px}
body.vertex-modern .sidebar{position:fixed!important;inset:0 0 28px auto!important;width:var(--modern-side)!important;height:auto!important;background:#102c39!important;overflow:auto!important;padding:20px 12px!important;display:block!important;z-index:110!important}
body.vertex-modern .brand{display:flex!important;position:static!important;background:none!important;color:white!important;padding:10px!important;min-height:64px!important;flex-wrap:wrap!important}
body.vertex-modern #mainNav{position:static!important;display:block!important;height:auto!important;background:none!important;padding:0!important;width:auto!important;border:0!important;overflow:visible!important}
body.vertex-modern #mainNav>.nav-group{display:block!important;width:100%!important;margin:5px 0!important;background:transparent!important;color:#dce7eb!important;border:0!important}
body.vertex-modern #mainNav>.nav-group>summary{padding:12px!important;background:transparent!important;border:0!important;color:#dce7eb!important;font-weight:700!important;border-radius:8px!important}
body.vertex-modern #mainNav>.nav-group[open]>summary{background:#214753!important;color:white!important;box-shadow:inset -3px 0 #60cdb7!important}
body.vertex-modern #mainNav .vx-dropdown{position:static!important;transform:none!important;min-width:0!important;width:100%!important;max-height:none!important;box-shadow:none!important;background:#193b49!important;border:0!important;color:white!important;padding:5px!important}
body.vertex-modern #mainNav summary *,body.vertex-modern #mainNav button span,body.vertex-modern .brand *{color:inherit!important;font-family:Arial!important;font-size:14px!important}
body.vertex-modern #mainNav button,body.vertex-modern #mainNav .vx-submenu>summary{color:#dce7eb!important;background:transparent!important;border:0!important;white-space:normal!important;width:100%!important;text-align:right!important;padding:9px!important;line-height:1.5!important;height:auto!important}
body.vertex-modern #mainNav button:hover{background:#285263!important;border-radius:6px!important}
body.vertex-modern #desktopToolbar{position:fixed!important;top:64px!important;right:calc(var(--modern-side) + 16px)!important;left:16px!important;width:auto!important;height:66px!important;min-height:66px!important;max-height:66px!important;background:#fff!important;border:1px solid #e1e8ed!important;border-radius:10px!important;box-shadow:0 2px 8px #18344008!important;z-index:105!important;display:flex!important;overflow-x:auto!important;gap:5px!important;padding:6px!important}
body.vertex-modern .main-shell{position:static!important;display:block!important;height:auto!important;min-height:100vh!important;inset:auto!important;overflow:visible!important;margin:0 var(--modern-side) 0 0!important;padding:0 20px 40px!important;width:calc(100% - var(--modern-side))!important}
body.vertex-modern .topbar{display:flex!important;position:fixed!important;top:0!important;right:var(--modern-side)!important;left:0!important;height:60px!important;background:#f3f5f8!important;padding:8px 20px!important;border:0!important;z-index:106!important}
body.vertex-modern #content{position:relative!important;inset:auto!important;margin:140px 0 0!important;width:100%!important;min-height:calc(100vh - 180px)!important;background:transparent!important;padding:0!important}
body.vertex-modern button.btn,body.vertex-modern #content button,body.vertex-modern .modal button{border-radius:7px!important;background:linear-gradient(#fff,#edf2f5)!important;color:#243e4c!important;border:1px solid #cfdbe3!important;box-shadow:0 2px 2px #142c3812!important;font-family:Arial!important;font-weight:700!important}
body.vertex-modern button.btn-primary{background:#147e6f!important;color:white!important;border-color:#147e6f!important}
body.vertex-modern input,body.vertex-modern select{border-radius:6px!important;font-family:Arial!important;border-color:#ccd9e1!important}
body.vertex-modern .card,body.vertex-modern .kpi-card{border-radius:12px!important;border:1px solid #e0e7ed!important;background:white!important;box-shadow:0 3px 12px #15334205!important}
body.vertex-modern #content>.page-head{display:flex!important}body.vertex-modern #content>.dashboard-grid{display:grid!important}body.vertex-modern #content>.ux-launcher{display:grid!important;position:static!important}body.vertex-modern #content>.ux-launcher::before{display:none!important}body.vertex-modern #content{height:auto!important;overflow:visible!important}
body.vertex-modern .kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
body.vertex-modern .kpi-card{padding:22px!important}body.vertex-modern .kpi-value{font-size:28px!important}
body.vertex-modern .modal{border-radius:14px!important;box-shadow:0 24px 70px #102c3930!important}
body.vertex-modern #modalBackdrop:not(.hidden){position:fixed!important;inset:70px 16px 32px 16px!important;height:auto!important;display:grid!important;place-items:center!important;background:#102c3966!important;z-index:1400!important;overflow:auto!important;padding:16px!important}
body.vertex-modern #modal{max-height:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:auto!important;margin:0!important}
body.vertex-modern #modal.vp-document-window{width:100%!important}
body.vertex-modern #modalBody{font-family:Arial!important}
body.vertex-modern table thead th{background:#e7eff4!important;color:#244452!important;font-family:Arial!important}
body.vertex-modern #desktopStatus{background:#eaf0f4!important;color:#425d6c!important}
body.vertex-modern .system-state,body.vertex-modern .nav-title{display:none!important}
@media(max-width:1000px){body.vertex-modern{--modern-side:190px}body.vertex-modern #content>.page-head{display:flex!important}body.vertex-modern #content>.dashboard-grid{display:grid!important}body.vertex-modern #content>.ux-launcher{display:grid!important;position:static!important}body.vertex-modern #content>.ux-launcher::before{display:none!important}body.vertex-modern #content{height:auto!important;overflow:visible!important}
body.vertex-modern .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

}

@layer modernApproved {
body.vertex-modern .main-shell{background:#f3f5f8!important}
body.vertex-modern :is(.btn,input,select,.topbar,.shortcut-label){font-family:Arial!important;font-size:14px!important}
body.vertex-modern .brand{max-height:none!important;height:auto!important;margin-bottom:20px!important;gap:10px!important}
body.vertex-modern .brand strong{font-size:18px!important;line-height:1.5!important}
body.vertex-modern .brand span{font-size:12px!important;line-height:1.6!important}
body.vertex-modern #mainNav>details>summary{height:auto!important;min-height:38px!important;line-height:1.5!important}
body.vertex-modern #content>.page-head{position:relative!important;top:auto!important;height:auto!important;min-height:52px!important;background:transparent!important;border:0!important;margin:0 0 20px!important;padding:8px!important}
body.vertex-modern #content .page-head h1{font-size:26px!important;color:#172b3b!important}
body.vertex-modern #content>.ux-launcher{display:block!important;background:white!important;border:1px solid #e0e7ed!important;border-radius:12px!important;padding:16px!important;margin-bottom:18px!important}
body.vertex-modern #content>.mc-links,body.vertex-modern #content>.home-period,body.vertex-modern #content>.home-actions{display:flex!important;position:static!important;flex-wrap:wrap!important;gap:12px!important;margin:15px 0!important;padding:16px!important;background:white!important;border-radius:10px!important}
body.vertex-modern #content>.home-analysis{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;margin:20px 0!important}
body.vertex-modern #content>.dashboard-recent,body.vertex-modern #content>.stock-alert{display:block!important;margin:20px 0!important;padding:20px!important}
body.vertex-modern .home-period input{width:145px!important;height:36px!important;background:#f9fbfc!important;padding:5px!important}
body.vertex-modern .home-period button{min-height:36px!important}
body.vertex-modern .kpi-label{font-size:14px!important;line-height:1.6!important}
body.vertex-modern .topbar input{height:36px!important;background:white!important;padding:8px!important;border:1px solid #d5dfe6!important;min-width:260px!important}
body.vertex-modern .topbar select{height:36px!important;min-width:180px!important}
body.vertex-modern .kpi-card{min-height:155px!important}
body.vertex-modern .sidebar{display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:14px 12px!important}
body.vertex-modern .brand{flex:0 0 auto!important;min-height:0!important;margin-bottom:12px!important;padding:4px!important;gap:6px!important}
body.vertex-modern .brand .vx-brand-icon{width:36px!important;height:36px!important}
body.vertex-modern .brand img{max-width:36px!important;max-height:36px!important}
body.vertex-modern #mainNav{flex:1!important;min-height:0!important;overflow:auto!important}
body.vertex-modern #mainNav summary span{font-size:14px!important;font-weight:700!important}
body.vertex-modern .vp-workspace{background:transparent!important;border:0!important;gap:16px!important}
body.vertex-modern .vp-main{background:white!important;border:1px solid #e0e7ed!important;border-radius:12px!important;overflow:hidden!important}
body.vertex-modern .vp-sidebar{background:white!important;border:1px solid #e0e7ed!important;border-radius:12px!important;padding:12px!important}
body.vertex-modern .vp-sidebar :is(button,input,select){font-size:14px!important;min-height:34px!important;line-height:1.4!important}
body.vertex-modern .vp-sidebar :is(input,select){background:#f5f9fb!important}
body.vertex-modern :is(.table-wrap,.cd-table-wrap){background:white!important}
body.vertex-modern .ux-tile-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:8px!important}
body.vertex-modern .ux-tile{height:auto!important;min-height:58px!important;position:static!important;padding:8px!important}
body.vertex-modern .ux-tile svg{width:22px!important;height:22px!important}
body.vertex-modern .ux-launcher h2{font-size:18px!important;margin:0 0 12px!important}
body.vertex-modern .ux-launcher p{display:none!important}
body.vertex-modern #activityProfileForm{padding:18px!important;background:white!important;font:14px/1.8 Arial!important}
body.vertex-modern #activityProfileForm p{font:14px/1.8 Arial!important;margin:0 0 16px!important}
body.vertex-modern #activityProfileForm label{display:flex!important;align-items:center!important;gap:16px!important;font:700 14px Arial!important;margin:16px 0!important}
body.vertex-modern #activityProfileForm select{min-width:220px!important;min-height:38px!important;background:#f5f9fb!important;padding:6px!important}
body.vertex-modern #activityProfileForm button{min-height:36px!important;padding:6px 20px!important}
body.vertex-modern .mc-heading{display:flex!important;position:relative!important;flex-wrap:wrap!important;align-items:center!important;gap:14px!important;background:transparent!important;border:0!important;height:auto!important;min-height:72px!important;padding:12px 12px 12px 116px!important}
body.vertex-modern .mc-heading h2{flex:1!important;font:700 23px/1.5 Arial!important;margin:0!important;width:auto!important;white-space:normal!important}
body.vertex-modern .mc-heading>div{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;width:auto!important}
body.vertex-modern .mc-heading>div button{position:static!important;width:auto!important;min-width:80px!important;height:36px!important;white-space:nowrap!important;padding:6px 12px!important}
body.vertex-modern #mc-range{display:flex!important;align-items:end!important;gap:12px!important;flex-wrap:wrap!important;padding:16px!important;margin-bottom:18px!important;background:white!important;border-radius:12px!important}
body.vertex-modern #mc-range label{display:grid!important;gap:6px!important;font:700 14px Arial!important}
body.vertex-modern #mc-range input{width:150px!important;height:36px!important;padding:6px!important;background:#f5f9fb!important}
body.vertex-modern #mc-range button{height:36px!important;min-width:70px!important}
body.vertex-modern .mc-cards{gap:14px!important}
body.vertex-modern .mc-cards article{background:white!important;border:1px solid #e0e7ed!important;border-right:4px solid #218674!important;border-radius:12px!important;padding:18px!important;min-height:135px!important}
body.vertex-modern .mc-cards article strong{font:700 25px/1.5 Arial!important}
body.vertex-modern .mc-cards article small,body.vertex-modern .mc-cards article span{font:14px/1.7 Arial!important}
body.vertex-modern .mc-cards .mc-unknown{border-right-color:#d49d40!important;background:#fffaf0!important}
body.vertex-modern .mc-case{border-radius:10px!important;padding:14px!important;margin:10px 0!important;font:14px/1.7 Arial!important}
body.vertex-modern .mc-case.urgent{background:#fff0ee!important;border-right:4px solid #ba4545!important}
}
@layer modernApproved {
body.vertex-modern #content.cw-statement-page-active{height:calc(100vh - 178px)!important;min-height:360px!important;overflow:hidden!important}
body.vertex-modern #content.cw-statement-page-active>.cw-page{display:flex!important;height:100%!important;min-height:0!important}
body.vertex-modern .cw-page .cw-report{min-width:0!important;overflow:hidden!important}
body.vertex-modern .cw-page .cw-statement-table{min-height:100px!important;overflow:auto!important}
}

@layer modernApproved {
/* Reserve independent caption slots so controls never cover the title. */
body.vertex-modern :is(#modal#modal,#content#content) .rwc-caption{position:relative!important;box-sizing:border-box!important;padding:8px 116px 8px 44px!important;min-height:42px!important;height:auto!important;line-height:1.5!important;white-space:normal!important}
body.vertex-modern :is(#modal#modal,#content#content) .rwc-caption>.rwc-close{position:absolute!important;inset:6px 6px auto auto!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important}
body.vertex-modern :is(#modal#modal,#content#content) .rwc-caption>.window-size-control{position:absolute!important;inset:6px 40px auto auto!important;width:28px!important;height:28px!important}
body.vertex-modern :is(#modal#modal,#content#content) .rwc-caption>.window-minimize-46{position:absolute!important;inset:6px 74px auto auto!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important}
body.vertex-modern :is(#modal#modal,#content#content) .rwc-caption>.rwc-pin{position:absolute!important;inset:6px auto auto 6px!important;width:28px!important;height:28px!important}
}

@layer modernApproved {
/* Compact invoice footer: note left, totals centre, accounts right. */
body.vertex-modern #modal#modal #tradeForm .invoice-bottom-46{display:grid!important;grid-template-columns:minmax(180px,.85fr) minmax(260px,1fr) minmax(250px,1fr)!important;gap:5px 10px!important;align-items:start!important;padding:5px!important;direction:ltr!important;flex:none!important}
body.vertex-modern #modal#modal #tradeForm .invoice-bottom-46>.pc-draft-note{grid-column:1!important;grid-row:1 / 3!important;position:static!important;inset:auto!important;display:flex!important;flex-direction:column!important;align-self:start!important;justify-self:stretch!important;width:auto!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;gap:3px!important;text-align:right!important}
body.vertex-modern #modal#modal #tradeForm .invoice-bottom-46>.pc-draft-note textarea{position:static!important;min-height:36px!important;height:36px!important;width:100%!important;box-sizing:border-box!important}
body.vertex-modern #modal#modal #tradeForm .invoice-bottom-46>.vp-invoice-totals{grid-column:2!important;grid-row:1!important;margin:0!important}
body.vertex-modern #modal#modal #tradeForm .invoice-bottom-46>#draftAnalysis{grid-column:2!important;grid-row:2!important;margin:0!important;padding:0!important}
body.vertex-modern #modal#modal #tradeForm .invoice-bottom-46>.ir-account-strip{grid-column:3!important;grid-row:1 / 3!important;margin:0!important;gap:4px!important}
body.vertex-modern #modal#modal #tradeForm .ir-payment-footer{margin:0!important;padding:3px 6px!important;gap:4px 12px!important;min-height:0!important}
@media(max-width:850px){body.vertex-modern #modal#modal #tradeForm .invoice-bottom-46{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}body.vertex-modern #modal#modal #tradeForm .invoice-bottom-46>.pc-draft-note{grid-column:1 / -1!important;grid-row:3!important}body.vertex-modern #modal#modal #tradeForm .invoice-bottom-46>.vp-invoice-totals,body.vertex-modern #modal#modal #tradeForm .invoice-bottom-46>#draftAnalysis{grid-column:1!important}body.vertex-modern #modal#modal #tradeForm .invoice-bottom-46>.ir-account-strip{grid-column:2!important}}
}

@layer modernApproved {
body.vertex-modern #modal#modal .ve-account-picker{display:flex!important;flex-direction:column!important;max-height:100%!important;overflow:hidden!important}
body.vertex-modern #modal#modal .ve-account-picker>header{order:0!important;flex:none!important;min-height:36px!important;height:auto!important}
body.vertex-modern #modal#modal .ve-account-categories{order:1!important;flex:none!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:8px!important}
body.vertex-modern #modal#modal .ve-tree-search{order:2!important;display:block!important;flex:none!important;position:static!important;height:32px!important;min-height:32px!important;margin:4px!important;width:calc(100% - 8px)!important}
body.vertex-modern #modal#modal .ve-account-tree{order:3!important;flex:1 1 auto!important;min-height:80px!important;overflow:auto!important}
body.vertex-modern #modal#modal .ve-tree-status{order:4!important;flex:none!important}
body.vertex-modern #modal#modal .ve-account-picker>footer{order:5!important;flex:none!important}
}

@layer modernApproved {
body.vertex-modern #modal#modal #voucherForm .ve-bottom{height:auto!important;min-height:0!important;flex:0 0 auto!important;padding:3px 2px!important;margin:0!important;gap:6px!important}
body.vertex-modern #modal#modal #voucherForm .pc-draft-note{position:static!important;height:30px!important;min-height:30px!important;width:min(360px,100%)!important;margin:3px auto 3px 0!important;padding:0!important;gap:0!important;flex:0 0 30px!important}
body.vertex-modern #modal#modal :is(#voucherForm,#tradeForm,#returnForm) .pc-draft-note textarea{height:30px!important;min-height:30px!important;padding:5px 8px!important;line-height:18px!important;box-sizing:border-box!important;resize:vertical!important}
body.vertex-modern #modal#modal .pc-draft-note textarea::placeholder{text-align:center!important;color:#87939c!important;opacity:1!important}
body.vertex-modern #modal#modal #voucherForm .ve-account-actions{display:flex!important;flex-direction:column!important;gap:3px!important;flex:0 0 auto!important;align-items:stretch!important}
body.vertex-modern #modal#modal #voucherForm .ve-account-actions>.ve-default-cash{position:static!important;float:none!important;margin:0!important;height:27px!important;min-height:27px!important}
body.vertex-modern #modal#modal #voucherForm .ve-commandbar{margin:0!important;padding:4px!important;gap:5px!important}
}

@layer modernApproved {
/* Shared modern invoice controls: stable cells and a wrapping command bar. */
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm) .form-grid.ref-header{width:100%!important;margin:0!important;padding:6px!important;gap:5px 12px!important;grid-auto-rows:minmax(28px,auto)!important}
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm) .ref-header>.form-group{min-width:0!important;min-height:28px!important;align-items:center!important;gap:6px!important}
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm) .ref-header>.form-group>label{flex:0 0 94px!important;width:94px!important;font:600 12px/1.4 Arial!important}
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm) .ref-header :is(input,select,.master-combo){box-sizing:border-box!important;min-width:0!important;height:27px!important;min-height:27px!important;font:12px/1.4 Arial!important}
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm) .master-combo{position:relative!important;min-width:0!important}
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm) .master-search{padding-inline-end:30px!important}
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm) .master-arrow{position:absolute!important;inset:1px auto 1px 1px!important;width:25px!important;min-width:25px!important;height:auto!important;padding:0!important}
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm) :is(.ir-grid,.trade-lines) td{height:27px!important;min-height:27px!important;vertical-align:middle!important}
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm) :is(.ir-grid,.trade-lines) td :is(input,select,.master-combo){height:26px!important;min-height:26px!important;box-sizing:border-box!important;line-height:24px!important;font-size:12px!important}
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm) :is(.ir-grid,.trade-lines) td:focus-within{outline:2px solid #268dba!important;outline-offset:-2px!important;background:#eaf5fb!important}
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm)>.actions{display:flex!important;position:static!important;inset:auto!important;flex:0 0 auto!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;padding:7px!important;margin:4px 0 0!important;height:auto!important;min-height:40px!important;background:#f6f9fb!important;border-top:1px solid #d6e1e8!important;overflow:visible!important}
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm)>.actions>button:not([hidden]),body.vertex-modern #modal#modal :is(#tradeForm,#returnForm)>.actions .pc-printer{position:static!important;margin:0!important;min-width:78px!important;height:32px!important;min-height:32px!important;padding:4px 10px!important;font:600 12px/1.4 Arial!important;white-space:nowrap!important}
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm) .document-navigation{position:static!important;inset:auto!important;display:flex!important;flex:1 1 480px!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:6px!important;margin:0!important;padding:0!important;border:0!important;height:auto!important;min-height:32px!important}
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm) .document-navigation button{position:static!important;flex:0 0 auto!important;min-width:32px!important;width:auto!important;height:32px!important;min-height:32px!important;padding:3px 8px!important;margin:0!important}
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm) .document-navigation label{display:flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important;margin:0!important}
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm) .document-navigation input{width:90px!important;min-width:70px!important;height:30px!important;margin:0!important}
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm)>.actions>.ref-display-options{position:relative!important;inset:auto!important;margin:0!important;flex:0 0 auto!important}
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm)>.actions>.ref-display-options>summary{height:32px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;padding:4px 10px!important}
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm)>.actions>.ref-display-options[open]>div{position:absolute!important;bottom:100%!important;top:auto!important;z-index:20!important;background:white!important;padding:10px!important;border:1px solid #ccd9e1!important;min-width:210px!important}
}
/* Unit factor is a separate compact line inside its own cell, never over the selector. */
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm) :is(.ir-grid,.trade-lines) td:has(> [data-unit-pack]){height:44px!important;min-height:44px!important;padding-bottom:15px!important;position:relative!important;vertical-align:top!important}
body.vertex-modern #modal#modal :is(#tradeForm,#returnForm) [data-unit-pack]{display:block!important;position:absolute!important;inset-inline:3px;bottom:1px;height:13px;line-height:13px;font-size:10px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}