.trx-dialog{width:min(1100px,calc(100vw - 28px));max-height:94vh}.trx-dialog .modal-content{overflow:auto}.trx-line{display:grid;grid-template-columns:1.2fr .8fr .8fr auto;gap:10px;align-items:end;padding:12px 0;border-bottom:1px solid #e2e8f0}.trx-line-denoms{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;background:#f8fafc;padding:8px}.trx-denom{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:center;font-size:12px}.trx-status-stack{display:flex;flex-direction:column;gap:4px}.trx-status-stack small{color:#64748b}.trx-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trx-detail div{display:flex;flex-direction:column;gap:3px}.trx-detail span{font-size:12px;color:#64748b}.trx-history{margin-top:16px}.trx-action-button{white-space:nowrap}.print-choice-dialog{width:min(520px,calc(100vw - 28px))}.print-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.print-choices button{padding:18px 8px}
.trx-dialog{position:relative;overflow:hidden}.trx-items{margin:14px 0}.trx-items-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.trx-items-table{min-width:720px}.trx-items-table .trx-line{display:table-row;padding:0;border:0}.trx-items-table td{vertical-align:middle}.trx-items-table .field-control{min-width:120px}.trx-denom-row td{padding:0}.trx-denom-toggle{display:flex;align-items:center;gap:7px;white-space:nowrap}.trx-summary .text-action{border:0;background:transparent;color:#2563eb;padding:3px 0;text-align:left;font-weight:700;cursor:pointer}.trx-compliance{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a}.trx-documents small.mandatory{display:block;color:#b91c1c;font-weight:700}.trx-customer-drawer{position:absolute;z-index:4;inset:0 0 0 auto;width:min(760px,92%);background:#fff;border-left:1px solid #dbe3ee;box-shadow:-16px 0 32px #0f172a24;overflow:auto}.trx-customer-drawer>header{position:sticky;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;background:#fff;border-bottom:1px solid #dbe3ee}.trx-customer-drawer>header div{display:flex;flex-direction:column;gap:4px}.trx-customer-drawer>header small{color:#64748b}.trx-customer-drawer-body,#trx-customer-drawer-body{padding:18px}.trx-drawer-summary{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0}.trx-backdate-toggle.active,#trx-backdate-toggle.active{border-color:#d97706;background:#fffbeb;color:#92400e}
@media(max-width:760px){.trx-dialog{width:calc(100vw - 12px);max-height:98vh}.trx-detail{grid-template-columns:1fr 1fr}.trx-customer-drawer{width:100%}.trx-drawer-summary{flex-direction:column}.print-choices{grid-template-columns:1fr}.trx-items-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.trx-dialog{width:100vw;height:100vh;max-height:100vh;border-radius:0}.trx-line{grid-template-columns:1fr 1fr}.trx-detail{grid-template-columns:1fr}.print-choices{grid-template-columns:1fr}}
@media(max-width:760px){.trx-items>.table-container{overflow:visible;border:0;background:transparent}.trx-items-table{min-width:0;display:block}.trx-items-table thead{display:none}.trx-items-table tbody{display:grid;gap:10px}.trx-items-table .trx-line{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;border:1px solid #dbe3ee;border-radius:6px;background:#fff}.trx-items-table .trx-line td{min-width:0;padding:0;border:0}.trx-items-table .trx-line td:nth-child(4){display:flex;align-items:center}.trx-items-table .trx-line td:last-child{display:flex;align-items:center;justify-content:flex-end}.trx-items-table .field-control{width:100%;min-width:0}.trx-items-table .trx-denom-row{display:block;border:0}.trx-items-table .trx-denom-row td{display:block}.trx-line-denoms{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-top:-10px;border:1px solid #dbe3ee;border-top:0;border-radius:0 0 6px 6px}}
@media(max-width:480px){.trx-items-table .trx-line{grid-template-columns:1fr}.trx-items-table .trx-line td:last-child{justify-content:flex-start}.trx-line-denoms{grid-template-columns:1fr}}