.order-financial-dialog {width:min(72rem,96vw);max-width:96vw;height:min(50rem,92dvh);max-height:92dvh;padding:0;border:1px solid var(--jlt-border);border-radius:.75rem;background:var(--jlt-surface);color:var(--jlt-text)}
.order-financial-dialog[open] {display:flex;flex-direction:column}
.order-financial-dialog::backdrop {background:rgb(0 0 0 / .55)}
.order-financial-dialog > header,.order-financial-dialog > footer {padding:1rem;flex-shrink:0}
.order-financial-dialog > header {border-bottom:1px solid var(--jlt-border)}
.order-financial-dialog > footer {border-top:1px solid var(--jlt-border)}
.order-financial-body {padding:1rem;overflow:auto;min-height:0;overscroll-behavior:contain}
.order-financial-dialog .table {--bs-table-bg:transparent;--bs-table-color:var(--jlt-text);--bs-table-border-color:var(--jlt-border);font-size:.85rem}
.order-financial-dialog td,.order-financial-dialog th {vertical-align:top;white-space:nowrap}
.order-financial-dialog th:first-child {white-space:normal;min-width:10rem}
.order-financial-event {border:1px solid var(--jlt-border);border-radius:.5rem;padding:.8rem;margin-bottom:.75rem;overflow-wrap:anywhere}
.order-financial-event dl {display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.4rem}
.order-financial-event dt {font-size:.8rem;font-weight:400}
.order-financial-event dd {margin:0;font-weight:600}
.order-financial-note {white-space:pre-wrap}
@media(max-width:575.98px) {.order-financial-dialog {width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.order-financial-dialog > header,.order-financial-dialog > footer,.order-financial-body {padding:.75rem}.order-financial-event dl {grid-template-columns:1fr}}