.ex-pack-grid-scroll{max-width:100%;max-height:none;overflow-x:auto;overflow-y:hidden;border:1px solid #b7c2d0;isolation:isolate}
.ex-pack-grid{border-collapse:separate;border-spacing:0;table-layout:fixed;margin:0;font-size:12px;color:inherit}
.ex-pack-grid th,.ex-pack-grid td{box-sizing:border-box;border:0;border-right:1px solid #b7c2d0;border-bottom:1px solid #b7c2d0;padding:4px 6px!important;vertical-align:middle;background:#fff;overflow-wrap:anywhere;line-height:1.25}
.ex-pack-grid thead th{position:sticky;top:0;z-index:3;background:#eaf0f8;font-weight:600;white-space:normal;text-align:center;height:34px}
.ex-pack-grid td[data-col=product]{text-align:left}
.ex-pack-grid td{text-align:center}
.ex-pack-grid .ex-pack-frozen{position:sticky;z-index:2;background:#f8faff}
.ex-pack-grid thead .ex-pack-frozen{z-index:5;background:#e5edf8}
.ex-pack-grid .ex-pack-frozen:after{content:'';position:absolute;right:0;top:0;bottom:0;border-right:1px solid #9aaac0;pointer-events:none}
.ex-pack-grid .btn,.ex-pack-editor .btn{min-width:0!important;padding:3px 7px!important;line-height:1.25;font-size:11px;margin:0!important}
.ex-pack-grid .small{font-size:10px;margin:0}
.ex-pack-freeze{font-size:12px}.ex-pack-freeze summary{cursor:pointer}
.ex-pack-editor{font-size:12px}.ex-pack-editor .table-responsive{margin-top:4px}
.ex-pack-editor .table{margin:0;border-collapse:collapse}
.ex-pack-editor .table th,.ex-pack-editor .table td{border:1px solid #b7c2d0!important;padding:4px 6px!important}
.ex-pack-editor .ex-pack-qty{width:105px;min-height:28px;padding:3px 6px}
[data-pack-panel=list]>.card>.card-body{padding:8px!important}
[data-pack-panel=list]>.card>.card-header{padding:7px 10px!important}
[data-pack-panel=list] .ex-pack-query{margin:5px 0!important;padding:5px 8px;min-height:30px}
[data-pack-panel=list] .ex-pack-selection{margin-bottom:4px!important}
#ex-pack-totals{margin-top:6px!important;padding:8px!important;font-size:12px}
.ex-pack-grid .ex-pack-inline-row>td{padding:0!important;text-align:left;background:#f6f9fe}
.ex-pack-inline-editor{position:sticky;left:0;width:min(1100px,calc(100vw - 100px));max-width:100%;padding:4px;white-space:normal}
.ex-pack-inline-editor .ex-pack-editor{margin:0!important;text-align:left}
.ex-pack-order{font-size:12px}.ex-pack-order summary{cursor:pointer}
.ex-pack-order-list{max-width:410px;max-height:300px;overflow:auto;margin:4px 0;padding:0;list-style:none;border:1px solid #c3ccda}
.ex-pack-order-list li{display:flex;gap:4px;align-items:center;border-bottom:1px solid #e1e6ee;padding:3px 6px}
.ex-pack-order-list li>span{flex:1}.ex-pack-order-list .btn{padding:2px 7px;min-width:26px}
.ex-output-preview{max-height:360px;overflow:auto;font-size:11px}

:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-source{min-width:200px}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-title{min-width:130px}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-width{width:75px}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-overflow{min-width:130px}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-unit-text{min-width:110px;max-width:145px;margin-top:4px}
#ex-output-templates .btn{min-width:0;padding:4px 9px}
.ex-output-savebar{position:sticky;bottom:0;z-index:30;display:flex;align-items:center;justify-content:flex-end;gap:10px;background:var(--vz-secondary-bg,#fff);border-top:1px solid #d9e1ed;padding:12px 20px;box-shadow:0 -3px 12px #2430410a}
.ex-output-savebar [role=status]{margin-right:auto}
#ex-output-screen details>summary{cursor:pointer;font-weight:600}
#ex-output-screen .ex-output-product-unit{max-width:180px}
.ex-output-settings-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
#ex-output-edit-view details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
#ex-output-edit-view details>summary::after{content:'Düzenle';font-size:12px;font-weight:400;color:#405189}
.ex-output-panel-modal{width:96vw;max-width:1240px;max-height:90dvh;border:1px solid #dbe2ed;border-radius:8px;padding:0;background:var(--vz-secondary-bg,#fff);color:var(--vz-body-color,#263746)}
.ex-output-panel-modal[open]{display:flex;flex-direction:column}
.ex-output-panel-modal::backdrop{background:#14213d99}
.ex-output-panel-header,.ex-output-panel-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;flex-shrink:0}
.ex-output-panel-header{border-bottom:1px solid #dbe2ed}.ex-output-panel-footer{border-top:1px solid #dbe2ed}
.ex-output-panel-body{padding:20px;overflow:auto;min-height:0}
#ex-output-screen [hidden]{display:none!important}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-drag,:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-remove{min-width:28px!important;width:28px;padding:3px!important;display:inline-flex;align-items:center;justify-content:center}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-drag{cursor:grab;touch-action:none;user-select:none}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-drag:active,.ex-output-sorting{cursor:grabbing}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-dragging>td{background:#e8f1ff;box-shadow:inset 0 2px #6a93dc,inset 0 -2px #6a93dc}

:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-width-mode,:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-header-overflow{min-width:145px}:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-align,:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-header-align{min-width:100px}#ex-output-page-header_html{min-height:300px;tab-size:2}
.ex-documents .table>thead>tr>th,.ex-documents .table>tbody>tr>td{padding:6px 8px!important;border:1px solid #c5cfdd!important}
.ex-documents .btn{min-width:0!important;width:auto!important;padding:4px 9px!important;font-size:12px}
.ex-documents .form-check-input{margin:0;vertical-align:middle}.ex-documents th:first-child{width:34px}
.ex-output-panel-modal{overflow:hidden}
.ex-output-panel-header strong{min-width:0;overflow-wrap:anywhere}
.ex-output-panel-footer{flex-wrap:wrap}
.ex-output-panel-footer>[data-panel-error]{flex:1 1 160px;min-width:0;overflow-wrap:anywhere}
.ex-output-panel-footer>.d-flex{margin-left:auto;flex-shrink:0}
.ex-output-panel-body .row>label{min-width:0}
/* Compact column editor: one scroll viewport and Word-style alignment buttons. */
.ex-output-panel-body.ex-output-columns-panel{display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:10px 12px;min-height:0}
.ex-output-columns-panel>#ex-output-add{align-self:flex-start;margin:0;flex-shrink:0}
.ex-output-column-top-scroll{height:16px;min-height:16px;overflow-x:auto;overflow-y:hidden;flex-shrink:0;scrollbar-color:#9baac0 #eef2f8}
.ex-output-column-top-scroll>div{height:1px}
.ex-output-column-scroll{overflow:auto;min-height:0;max-height:calc(90dvh - 180px);overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#9baac0 #eef2f8}
.ex-output-column-table{table-layout:fixed;width:100%;min-width:1189px;margin:0!important;font-size:12px;border-collapse:separate;border-spacing:0}
.ex-output-column-table>thead>tr>th,.ex-output-column-table>tbody>tr>td{padding:4px 5px!important;border-right:1px solid #e0e6ef;border-bottom:1px solid #e0e6ef;vertical-align:middle;line-height:1.2}
.ex-output-column-table>thead>tr>th{position:sticky;top:0;z-index:5;background:#eef3fb;white-space:normal;font-size:11px;height:34px}
.ex-output-column-table>tbody>tr>td{background:#fff}
.ex-output-column-table>tbody>tr:nth-child(even)>td{background:#f8faff}
.ex-output-column-table :is(th,td):nth-child(1){position:sticky;left:0;z-index:3}
.ex-output-column-table :is(th,td):nth-child(2){position:sticky;left:34px;z-index:3}
.ex-output-column-table :is(th,td):nth-child(3){position:sticky;left:64px;z-index:3;box-shadow:2px 0 3px #26374610}
.ex-output-column-table :is(th,td):last-child{position:sticky;right:0;z-index:3;box-shadow:-2px 0 3px #26374610}
.ex-output-column-table>thead>tr>th:is(:nth-child(1),:nth-child(2),:nth-child(3),:last-child){z-index:6;background:#e8eef8}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) :is(.form-control,.form-select,.search-select-toggle){font-size:12px;line-height:1.2;height:30px;min-height:30px;padding:4px 6px;border-radius:4px}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .search-select-toggle{padding-right:24px}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) :is(.ex-output-source,.ex-output-title,.ex-output-width-mode,.ex-output-overflow,.ex-output-header-overflow,.ex-output-unit-text){width:100%;min-width:0;max-width:none;margin:0}
.ex-output-width-controls,.ex-output-unit-controls{display:flex;align-items:center;gap:4px}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-width{width:48px;min-width:48px;flex-shrink:0}
.ex-output-width-controls>.search-select{min-width:0;flex:1}
.ex-output-unit-controls>input[type=checkbox]{margin:0;flex-shrink:0}
.ex-output-alignment{display:flex;gap:6px}
.ex-output-align-control{display:flex;flex-direction:column;gap:2px}
.ex-output-align-control>span{font-size:10px;color:#67758a;line-height:12px}
.ex-output-align-buttons{display:flex;gap:0}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-align-button{display:inline-flex;align-items:center;justify-content:center;min-width:24px!important;width:24px!important;height:26px;padding:2px!important;margin:0;border:1px solid #d6dfea;border-radius:0;color:#56647a;background:#fff}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-align-button:first-child{border-radius:4px 0 0 4px}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-align-button:last-child{border-radius:0 4px 4px 0}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-align-button+button{border-left:0}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-align-button[aria-pressed=true]{background:#e5edff;color:#365dc5;box-shadow:inset 0 0 0 1px #718ee2}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-align-button:focus-visible{outline:2px solid #5267d8;outline-offset:1px;z-index:1}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-title{min-width:0}

.ex-output-column-toolbar{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:32px}
.ex-output-column-toolbar>span{font-size:11px;color:#778397}
.ex-output-column-top-scroll::-webkit-scrollbar,.ex-output-column-scroll::-webkit-scrollbar{width:12px;height:12px}
.ex-output-column-top-scroll::-webkit-scrollbar-track,.ex-output-column-scroll::-webkit-scrollbar-track{background:#eef2f8}
.ex-output-column-top-scroll::-webkit-scrollbar-thumb,.ex-output-column-scroll::-webkit-scrollbar-thumb{background:#9baac0;border:2px solid #eef2f8;border-radius:6px}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-remove{width:24px!important;min-width:24px!important;height:28px;padding:2px!important}
.ex-pack-grid-toolbar{display:flex;align-items:center;gap:10px;margin:5px 0 8px;flex-wrap:wrap}
.ex-pack-grid tfoot td{font-weight:600;background:#eef3fb;border-top:1px solid #9aaac0}
.ex-pack-grid tfoot .ex-pack-total-notes{font-weight:400;text-align:left;padding:6px!important;background:#f8faff}
.ex-pack-total-notes>div,.ex-pack-total-notes>small{position:sticky;left:6px;display:block;width:min(1050px,calc(100vw - 100px));white-space:normal}
.ex-pack-settings-dialog .ps-form{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.ex-pack-settings-dialog .ps-options{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 16px;font-size:12px}
.ps-options label{display:flex;align-items:center;gap:6px;margin:0}
.ps-options .form-select{width:170px;min-height:30px;font-size:12px}
.ps-scroll{overflow:auto;min-height:0;max-height:calc(90dvh - 200px);padding:0 12px;overscroll-behavior:contain}
.ps-table{min-width:1050px;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:12px;margin:0}
.ps-table th,.ps-table td{padding:4px!important;border-right:1px solid #e0e6ef;border-bottom:1px solid #e0e6ef;vertical-align:middle;background:#fff}
.ps-table thead th{position:sticky;top:0;z-index:2;background:#eaf0f8}
.ps-table th:nth-child(1){width:36px}.ps-table th:nth-child(2){width:50px}.ps-table th:nth-child(3){width:220px}.ps-table th:nth-child(4){width:55px}.ps-table th:nth-child(5){width:85px}.ps-table th:nth-child(6){width:100px}.ps-table th:nth-child(7){width:115px}.ps-table th:nth-child(8){width:190px}
.ps-table .form-control,.ps-table .form-select{font-size:12px;min-height:30px;height:30px;padding:3px 6px}
.ps-align,.ps-colors{display:flex;gap:3px;align-items:center}
.ps-align-button,.ex-pack-setting-drag{min-width:26px!important;width:26px!important;height:28px;padding:3px!important;border:1px solid #d6dfea;background:#fff}
.ps-align-button[aria-pressed=true]{background:#e5edff;color:#365dc5;border-color:#718ee2}
.ex-pack-setting-drag{cursor:grab;touch-action:none}
.ps-table .ps-dragging td{background:#e8f1ff}
.ps-colors input[type=color]{width:30px;height:26px;padding:1px;border:1px solid #d6dfea;border-radius:4px}

.ex-output-col-colors{display:grid;grid-template-columns:1fr 1fr;gap:2px 5px}.ex-output-col-colors label{display:flex;align-items:center;gap:3px;font-size:10px;white-space:nowrap;margin:0}.ex-output-col-colors input[type=color]{width:24px;height:22px;padding:1px;border:1px solid #d3dbea;border-radius:3px}.ex-output-col-colors input[type=checkbox]{width:12px;height:12px;margin:0}.ex-output-column-table{min-width:1374px}

/* One compact launcher grid and consistent field sizes across output settings. */
.ex-output-settings-groups{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin:12px 0}
#ex-output-edit-view .ex-output-setting-item{padding:0!important;margin:0!important;border:0!important;min-width:0}
#ex-output-edit-view .ex-output-setting-item>summary{display:block;padding:0;outline:none}
#ex-output-edit-view .ex-output-setting-item>summary::after{content:none}
#ex-output-edit-view .ex-output-setting-button{display:flex;align-items:center;justify-content:flex-start;width:100%!important;min-width:0!important;height:42px;min-height:42px;padding:9px 12px!important;margin:0;border:1px solid #d6dfea;background:#f8faff;color:#34445c;font-size:13px;font-weight:600;text-align:left;white-space:normal;line-height:1.25;border-radius:5px}
#ex-output-edit-view .ex-output-setting-button:hover{background:#edf2ff;border-color:#849cf4;color:#405189}
#ex-output-edit-view .ex-output-setting-button:focus-visible{outline:2px solid #6c83ed;outline-offset:2px}
.ex-output-panel-body .ex-output-fields-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;margin:0;align-items:start}
.ex-output-panel-body .ex-output-fields-grid>*{width:100%;max-width:none;padding:0;margin:0;min-width:0}
.ex-output-panel-body .ex-output-fields-grid>label{display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:20px}
.ex-output-panel-body .ex-output-fields-grid>.ex-output-field-wide{grid-column:1/-1}
.ex-output-panel-body .ex-output-fields-grid>label.ex-output-check-field{grid-column:1/-1;flex-direction:row;align-items:center;min-height:34px;gap:8px}
.ex-output-panel-body .ex-output-fields-grid :is(input.form-control,select.form-select,.search-select-toggle){height:38px;min-height:38px;width:100%;font-size:13px;padding:7px 10px;border-radius:5px}
.ex-output-panel-body .ex-output-fields-grid .search-select{width:100%;min-width:0}
.ex-output-panel-body .ex-output-fields-grid textarea.form-control{min-height:86px;font-size:13px;padding:8px 10px;line-height:1.45}
.ex-output-panel-body .ex-output-fields-grid input.form-control-color{width:100%;padding:4px 6px}
.ex-output-panel-body .ex-output-fields-grid input[type=checkbox]{width:15px;height:15px;flex-shrink:0;margin:0}
.ex-output-panel-body .ex-output-fields-grid #ex-output-letterhead-file{max-width:none!important;flex:1;min-width:180px}
@media(max-width:1000px){.ex-output-panel-body .ex-output-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ex-output-panel-body .ex-output-fields-grid{grid-template-columns:1fr}.ex-output-settings-groups{grid-template-columns:1fr 1fr}#ex-output-edit-view .ex-output-setting-button{font-size:12px;height:48px}}

.ex-output-column-table:has(.ex-output-total){min-width:1439px}

.ex-output-column-table{min-width:1544px}.ex-output-column-table:has(.ex-output-total){min-width:1609px}

.ps-table{min-width:1370px}.ps-table th:nth-child(8){width:175px}.ps-table th:nth-child(9){width:140px}.ps-table th:nth-child(10){width:190px}.ps-unit-controls{display:flex;align-items:center;gap:5px}.ps-unit-text{min-width:0;width:100%}

.ex-output-text-mode{display:flex;align-items:center;gap:8px}.ex-output-text-mode>.search-select,.ex-output-text-mode>select{flex:1;min-width:0}.ex-output-text-mode>.btn{flex-shrink:0}.ex-output-text-mode+textarea{font-family:monospace}@media(max-width:600px){.ex-output-text-mode{flex-wrap:wrap}}

.ex-output-unit-controls{display:grid;grid-template-columns:14px minmax(0,1fr) 78px;gap:5px;align-items:center}.ps-unit-controls{display:grid;grid-template-columns:14px minmax(70px,1fr);gap:4px}.ps-unit-position{grid-column:2}.ps-table th:nth-child(9){width:155px}.ex-output-column-table{min-width:1624px}.ex-output-column-table:has(.ex-output-total){min-width:1689px}

.ex-output-template-control{display:flex;gap:4px;align-items:center}.ex-output-template-control textarea{min-width:0;resize:vertical}.ex-output-template-edit{min-width:30px!important;width:30px!important;padding:2px!important}.ex-output-template-input{height:62px!important;min-height:62px!important}.ex-output-cell-tokens{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.ex-output-cell-tokens .btn{min-width:0!important;width:auto!important;margin:0;padding:5px 8px!important}.ex-output-cell-template-dialog textarea{min-height:130px}.ex-output-column-table{min-width:1734px}.ex-output-column-table:has(.ex-output-total){min-width:1799px}

.ex-shipment-pack-summary{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:14px;padding:10px 12px;background:#f7f9fd;border:1px solid #e2e7f0;border-radius:5px}.ex-shipment-pack-summary>div{display:flex;align-items:center;gap:8px}.ex-shipment-pack-summary span{font-size:12px;color:#68758a}.ex-shipment-pack-summary strong{font-size:14px;color:#34445c;font-variant-numeric:tabular-nums}

.ex-shipment-document-actions{margin:10px 0}.ex-bundle-choices{display:grid;gap:10px}.ex-bundle-choice{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid #dce3ef;border-radius:5px}.ex-bundle-choice>label{margin:0}.ex-bundle-choice>label:first-child{display:flex;gap:8px;align-items:center;font-weight:600}.ex-bundle-choice>label:last-child{font-size:12px;color:#68758a}.ex-bundle-choice select{margin-top:4px}@media(max-width:600px){.ex-bundle-choice{grid-template-columns:1fr}}

.ex-output-column-table:has(.ex-output-serial-merge){min-width:1869px}

.ex-document-tabs{display:flex;gap:6px;border-bottom:1px solid #dce3f1;padding-bottom:12px;flex-wrap:wrap}.ex-document-tabs .btn{min-width:140px}.ex-document-page-preview{overflow:auto;max-width:100%;padding:12px;border:1px solid #dce3f1;border-radius:6px;scrollbar-gutter:stable}.ex-document-page-actions .btn{min-width:136px}

.ex-output-unit-controls{grid-template-columns:14px minmax(0,1fr) 62px}.ps-unit-controls .ex-unit-position-buttons{grid-column:2}
.ex-unit-position-buttons{display:flex;align-items:center}
.ex-unit-position-buttons .ex-unit-position-button{display:inline-flex;align-items:center;justify-content:center;min-width:30px!important;width:30px!important;height:28px;padding:2px!important;border:1px solid #d6dfea;border-radius:0;background:#fff;color:#56647a}
.ex-unit-position-buttons .ex-unit-position-button:first-of-type{border-radius:4px 0 0 4px}
.ex-unit-position-buttons .ex-unit-position-button:last-child{border-radius:0 4px 4px 0;border-left:0}
.ex-unit-position-buttons .ex-unit-position-button[aria-pressed=true]{background:#e5edff;color:#365dc5;box-shadow:inset 0 0 0 1px #718ee2}
.ex-unit-position-buttons .ex-unit-position-button:focus-visible{outline:2px solid #5267d8;outline-offset:1px;z-index:1}

.ex-document-navigation{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-bottom:1px solid #dce3f1;padding-bottom:12px}.ex-document-navigation .ex-document-tabs{margin-bottom:0!important;border:0;padding:0}.ex-document-navigation .ex-document-page-actions{padding-left:16px;border-left:1px solid #dce3f1}@media(max-width:767px){.ex-document-navigation .ex-document-page-actions{padding-left:0;border-left:0}}

.ex-document-toolbar{display:flex;align-items:center;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;border-bottom:1px solid #dce3f1;padding-bottom:12px}
.ex-document-common{display:flex;gap:8px;flex:0 0 auto}
.ex-document-toolbar .ex-document-navigation{margin-left:auto;flex:0 0 auto;flex-wrap:nowrap;border:0;padding:0}
.ex-document-toolbar .ex-document-tabs,.ex-document-toolbar .ex-document-page-actions{flex-wrap:nowrap!important;flex-shrink:0}
.ex-document-toolbar .btn{flex-shrink:0}
.ex-document-toolbar .ex-document-page-actions{padding-left:16px;border-left:1px solid #dce3f1}

.ex-shipment-filters-scroll{overflow-x:auto;scrollbar-width:thin;border:1px solid #e0e6f0;border-radius:8px;background:#f8faff;padding:14px}
.ex-shipment-filters{display:grid;grid-template-columns:minmax(200px,1.5fr) minmax(180px,1.2fr) minmax(150px,.85fr) repeat(2,minmax(145px,.85fr)) auto;gap:12px;align-items:end;min-width:1160px}
.ex-shipment-filters>div{min-width:0}
.ex-shipment-filters label{margin:0;color:#526078;font-size:12px;font-weight:600;line-height:18px;white-space:nowrap}
.ex-shipment-filters .form-control,.ex-shipment-filters .form-select,.ex-shipment-filters .search-select-toggle{height:40px!important;min-height:40px;border-radius:6px;font-size:13px;font-weight:400;color:#263746;background-color:#fff}
.ex-shipment-filters .search-select{width:100%;margin-top:4px}
.ex-shipment-filter-actions{display:flex;gap:8px;align-items:center;height:40px}
.ex-shipment-filter-actions .btn{height:40px!important;min-height:40px!important;margin:0;white-space:nowrap}

.ex-page-layout{display:grid;grid-template-columns:minmax(150px,1fr) minmax(240px,1.5fr) minmax(150px,1fr);grid-template-areas:". top ." "left sheet right" ". bottom ." "range range range";gap:16px 28px;align-items:center;padding:20px;background:#f6f8fc;border:1px solid #e0e6f0;border-radius:10px;margin-top:12px}
.ex-page-margin-top{grid-area:top}.ex-page-margin-bottom{grid-area:bottom}.ex-page-margin-left{grid-area:left}.ex-page-margin-right{grid-area:right}
.ex-page-layout label{display:block!important;width:100%!important;margin:0!important;padding:0!important;font-weight:600;font-size:13px;color:#42516b}
.ex-page-layout input{margin-top:6px;height:40px;background:white}
.ex-page-layout label small{display:block;margin-top:5px;font-size:11px;line-height:1.5;font-weight:400;color:#7c889e}
.ex-page-sheet{grid-area:sheet;justify-self:center;width:100%;max-width:320px;text-align:center}
.ex-page-sheet svg{display:block;width:100%;max-height:310px;margin:auto;border:1px solid #bac6d7;border-radius:2px;box-shadow:0 5px 16px #243c5a1a;background:white}
.ex-page-legend{display:flex;justify-content:center;gap:14px;margin-top:12px;font-size:11px;color:#62718a}.ex-page-legend span{display:flex;align-items:center;gap:5px}.ex-page-legend i{width:10px;height:10px;display:inline-block;border-radius:2px}.ex-page-margin-key{background:#eef3ff;border:1px solid #91a8dd}.ex-page-content-key{background:#e5f5ee;border:1px solid #46a27c}.ex-page-layout-status{font-size:11px;margin:8px 0 0}
.ex-page-data-range{grid-area:range;display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #dce4ef;padding-top:16px}.ex-page-data-range>p{grid-column:1/-1;font-size:12px;color:#62718a;margin:0}
@media(max-width:650px){.ex-page-layout{grid-template-columns:1fr 1fr;grid-template-areas:"top bottom" "left right" "sheet sheet" "range range";gap:16px;padding:12px}.ex-page-sheet{max-width:250px}.ex-page-data-range{grid-template-columns:1fr}}

.ex-output-panel-body .ex-output-fields-grid>.ex-page-layout{padding:16px}.ex-page-sheet svg{height:auto;max-height:260px;max-width:100%}

.ex-output-col-colors{display:block}.ex-output-col-colors-fields[hidden]{display:none!important}
:is(#ex-output-columns,.ft-columns,#ex-tr-lines,#ex-tr-column-rows,#screen-table-columns) .ex-output-color-edit{display:flex;align-items:center;justify-content:center;gap:5px;width:120px!important;min-width:120px!important;height:32px;padding:3px 6px!important;font-size:11px;white-space:nowrap;border:1px solid #d6dfea;border-radius:5px;background:#fff}
.ex-color-tile{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #cbd5e5;border-radius:3px;font-size:10px;font-weight:600}.ex-output-color-edit.ex-has-custom-colors{border-color:#91a8dd!important;background:#f4f7ff!important}
.ex-output-color-dialog{max-width:660px}.ex-color-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ex-color-card{border:1px solid #dce4ef;border-radius:8px;padding:16px}.ex-color-card h6{font-size:14px;margin-bottom:12px}.ex-color-sample{padding:18px 10px;text-align:center;font-weight:600;border:1px solid #dce4ef;border-radius:6px;margin-bottom:14px}.ex-color-choice{display:grid;grid-template-columns:1fr auto 38px;gap:8px;align-items:center;font-size:12px;margin-top:12px}.ex-color-choice label{display:flex;align-items:center;gap:4px;font-size:11px;white-space:nowrap;margin:0}.ex-color-choice input[type=color]{width:38px;height:30px;border:1px solid #d3dbea;border-radius:4px;padding:2px}.ex-color-choice input:disabled{opacity:.45}@media(max-width:600px){.ex-color-cards{grid-template-columns:1fr}}

.ex-output-color-dialog .ex-output-panel-footer{flex-wrap:wrap}.ex-output-color-dialog [data-color-reset]{width:auto;min-width:0;white-space:nowrap}

.ex-editor-view-dialog{max-width:640px}.ex-editor-view-options th:not(:first-child),.ex-editor-view-options td:not(:first-child){text-align:center;width:135px}.ex-editor-view-options input{width:16px;height:16px;vertical-align:middle}.ex-output-column-table [hidden]{display:none!important}.ex-output-column-table .ex-editor-frozen{background:#f3f6fd}

.ex-output-header-visibility{padding:12px!important;border:1px solid #efd18b;border-radius:6px;background:#fff9e9;font-size:13px;color:#825c16}.ex-output-header-visibility[hidden]{display:none!important}

.ex-output-document-var-picker{min-width:260px;max-width:100%;margin-top:8px;width:360px}.ex-output-document-var-picker>span{display:block;font-size:12px;font-weight:600;color:#62718a;margin-bottom:4px}

.ex-shipment-line-toolbar{display:flex;align-items:center;gap:12px;overflow-x:auto;scrollbar-width:thin;padding-bottom:3px}.ex-shipment-line-add{display:flex;align-items:center;gap:8px;flex-shrink:0}.ex-shipment-line-toolbar>[role=group]{flex-shrink:0;align-items:center}.ex-shipment-line-toolbar .btn{margin:0;flex-shrink:0}

/* Portal workbook fields remain separate from PDF layout controls. */
.ex-tr-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 16px;margin-bottom:18px}
.ex-tr-fields label{display:flex;flex-direction:column;gap:5px;font-size:13px}
.ex-tr-fields .form-control,.ex-tr-fields .form-select{height:38px;margin:0;min-width:0}

#ex-tr-form textarea{margin:8px 0 14px}

#ex-tr-form .form-control,#ex-tr-form .form-select{border:1px solid #cedaf0;border-radius:5px;background-color:#fbfcff;color:#263746}
#ex-tr-form .form-control:focus,#ex-tr-form .form-select:focus{border-color:#7395f7;box-shadow:0 0 0 2px #7395f720}
#ex-tr-form h6{font-weight:600;color:#314d72}
#ex-tr-form [data-tr-setting="freight"]{max-width:none}

.ex-tr-layout-panel{padding:14px;border:1px solid #dce4ef;border-radius:8px;background:#f6f8fc}
#ex-tr-template,#ex-tr-template-name{width:240px;max-width:100%}
.ex-tr-text-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:12px}
.ex-tr-text-fields label{display:block;margin-bottom:6px}
#ex-tr-lines tr.ex-tr-dragging{background:#e7efff;outline:2px solid #6c8cea}
#ex-tr-lines [readonly]{background:#f0f4fa}
@media(max-width:700px){.ex-tr-text-fields{grid-template-columns:1fr}}

#ex-tr-edit-view[hidden],#ex-tr-list-view[hidden],#ex-tr-named-fields[hidden]{display:none!important}
.ex-tr-token-buttons{display:flex;flex-wrap:wrap;gap:5px;max-height:150px;overflow:auto;margin:8px 0 12px}
#ex-tr-form .ex-tr-token-buttons .btn{width:auto;min-width:0;max-width:none;padding:3px 7px;font-size:12px;line-height:1.5;white-space:normal;text-overflow:clip}
#ex-tr-templates td:last-child{width:1%;white-space:nowrap}

/* TR uses the same compact table and control rules as the output column editor. */
#ex-tr-lines{min-width:1879px}
#ex-tr-lines .ex-output-template-control{min-width:0}
#ex-tr-lines .ex-output-template-control>.form-control{min-width:0;width:100%}
#ex-tr-lines .ex-tr-manual-toggle{display:inline-flex;align-items:center;margin:0;flex-shrink:0}
#ex-tr-lines .ex-tr-manual-toggle input{margin:0}
#ex-tr-lines label{margin:0;font-size:11px;white-space:nowrap}
#ex-tr-lines .ex-output-drag{height:30px}

#ex-tr-column-modal .ex-output-column-table{min-width:1174px} #ex-tr-column-rows textarea{margin:0!important;height:30px;min-height:30px}

/* TR rows grow with the document; only horizontal scrolling stays inside the table. */
#ex-tr-form .ex-tr-lines-scroll{max-height:none;min-height:0;height:auto;overflow-y:hidden;scrollbar-gutter:auto;overscroll-behavior:auto}
#ex-tr-form .ex-output-column-top-scroll{margin:0}
#ex-tr-validation{scroll-margin-top:90px;margin-top:14px;outline:none}
#ex-tr-validation .alert{margin-bottom:10px}
#ex-tr-validation-dock{position:fixed;left:8px;bottom:20px;z-index:1035;max-width:240px;font-size:12px;color:#61460f}
#ex-tr-validation-dock[hidden]{display:none!important}
.ex-tr-validation-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:44px;min-height:48px;border:1px solid #e4b859;border-radius:7px;background:#fff4da;color:#75540d;box-shadow:0 2px 8px #26374618}
.ex-tr-validation-panel{display:none;background:#fff8e8;border:1px solid #e4b859;border-radius:7px;padding:10px;box-shadow:0 2px 8px #26374618}
.ex-tr-validation-panel ul{padding-left:16px;margin:7px 0}
.ex-tr-validation-panel li{margin-bottom:4px;overflow-wrap:anywhere}
#ex-tr-validation-dock.has-room .ex-tr-validation-panel{display:block}
#ex-tr-validation-dock.has-room .ex-tr-validation-badge{display:none}
#ex-tr-validation-dock.expanded:not(.has-room) .ex-tr-validation-panel{display:block;position:absolute;left:0;bottom:55px;width:min(240px,calc(100vw - 24px))}
#ex-tr-validation-dock .btn{min-width:0;width:auto;white-space:normal}

#ex-tr-column-modal .ex-output-column-table{min-width:1264px}
.ex-grid-table-only .ps-options>label,.ex-grid-table-only .ps-form>p:not(:first-of-type){display:none}
.ex-grid-table-only .ps-table th:nth-child(n+8),.ex-grid-table-only .ps-table td:nth-child(n+8){display:none}
.ex-grid-table-only .ps-table{min-width:850px}
.exf-match-scroll{overflow-x:auto;overflow-y:hidden;max-width:100%;isolation:isolate}
.exf-match-table{table-layout:fixed;border-collapse:separate;border-spacing:0;margin:0;font-size:12px}
.exf-match-table th,.exf-match-table td{padding:6px;vertical-align:top;background:#fff;border-right:1px solid #e0e6ef;border-bottom:1px solid #e0e6ef}
.exf-match-table th{background:#eaf0f8}
.exf-match-table .form-control,.exf-match-table .form-select{min-width:0;width:100%;font-size:12px;padding:5px 7px}
.exf-match-table [data-col=code]{overflow-wrap:anywhere}
.exf-match-table [hidden]{display:none!important}

/* Source documents share one layout: selector, optional upload, editable details. */
.ex-ml-flow-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 14px}
.ex-ml-flow-heading h5{margin-bottom:6px}
.ex-ml-source-bar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.ex-ml-source-bar>label{flex:1 1 360px;min-width:0;margin:0}
.ex-ml-source-bar .form-select{margin-top:6px}
.ex-ml-source-bar .btn{flex:0 0 auto}
.ex-ml-document-details{border-top:1px solid #e0e7f1;padding-top:14px}
.ex-ml-document-details>summary,.ex-ml-upload-box>summary{cursor:pointer;color:#385a87;font-weight:600}
.ex-ml-upload-box{padding:12px 14px;background:#f5f8fc;border:1px dashed #ccd8e9;border-radius:6px}
.ex-ml-document-details details>summary{cursor:pointer;flex-wrap:wrap}
.ex-ml-document-details .badge{white-space:normal}
.ex-ml-document-details input,.ex-ml-document-details select{min-width:0}
@media(max-width:767px){.ex-ml-flow-heading{align-items:stretch;flex-direction:column}.ex-ml-flow-heading>.d-flex,.ex-ml-upload-box>.d-flex{flex-wrap:wrap}.ex-ml-source-bar>label{flex-basis:100%}.ex-ml-document-details .table-responsive{overflow-x:auto}.ex-ml-document-details td{min-width:150px}}

/* Keep the source invoice visible beside the editable fields. */
#ex-modal .exf-invoice-dialog{width:calc(100vw - 32px);max-width:1800px}
.exf-invoice-split{display:grid;grid-template-columns:minmax(300px,42%) minmax(0,1fr);gap:20px;overflow:hidden!important;min-height:0}
.exf-source-preview{display:flex;flex-direction:column;min-width:0;min-height:0}
.exf-source-view{flex:1;min-height:440px;background:#edf1f6;border:1px solid #d5dfeb;border-radius:5px;overflow:auto}
.exf-source-view iframe{display:block;width:100%;height:100%;min-height:440px;border:0}
.exf-source-view img{width:100%;height:auto;display:block}
.exf-source-name{overflow-wrap:anywhere}
.exf-invoice-editor{min-width:0;overflow:auto;padding-right:8px}
@media(max-width:991px){.exf-invoice-split{display:block;overflow:auto!important}.exf-source-preview{height:430px;margin-bottom:18px}.exf-source-view,.exf-source-view iframe{min-height:0}.exf-invoice-editor{overflow:visible;padding-right:0}}

.ex-ml-goods-plus{min-width:36px!important;width:36px!important;font-size:20px;line-height:1}.ex-ml-goods-add[hidden]{display:none!important}

/* Keep each source document beside the editable values. */
.ex-ml-document-editor{display:grid;grid-template-columns:minmax(320px,1fr) minmax(0,1fr);gap:24px;align-items:start}
.ex-ml-document-preview{position:sticky;top:16px;min-width:0;background:#f5f7fb;border:1px solid #dce4f1;border-radius:8px;padding:12px}
.ex-ml-document-preview iframe{display:block;width:100%;height:72vh;min-height:440px;border:0;background:white}
.ex-ml-document-fields{min-width:0}.ex-ml-document-fields>.row>.col-md-6{width:100%}
@media(max-width:991px){.ex-ml-document-editor{grid-template-columns:1fr}.ex-ml-document-preview{position:static}.ex-ml-document-preview iframe{height:55vh;min-height:300px}}

.ex-ml-missing .form-control{border-color:#d7981d;background:#fffaf0;box-shadow:0 0 0 1px #e9ba5c33}
.ex-ml-missing-help{display:block;color:#8b5b00;font-size:12px;margin-top:5px;line-height:1.45}.ex-ml-missing-help[hidden]{display:none}

.ex-ml-pdf-attachments>summary{list-style:none}.ex-ml-pdf-attachments[open]{flex-basis:100%}.ex-ml-pdf-attachments[open]>div{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}

#export-finance .exf-summary-card{border:1px solid #e1e8f3;box-shadow:none;overflow:visible}#export-finance .exf-summary-card>.card-header{padding:16px 18px}#export-finance .card-header .btn{min-width:0!important;max-width:none!important;white-space:normal;overflow:visible;text-overflow:clip;padding:8px 12px}
#export-finance [data-finance-grid] .exf-match-scroll{border:1px solid #e2e8f1;border-radius:6px}#export-finance .exf-match-table{margin:0;font-size:13px}#export-finance .exf-match-table th{padding:11px 12px;background:#edf3fb;white-space:nowrap}#export-finance .exf-match-table td{padding:14px 12px;line-height:1.55;border-color:#e8edf4}#export-finance .exf-match-table tbody tr:nth-child(even){background:#f8faff}#export-finance .exf-match-table tbody tr:hover{background:#f1f6ff}
.exf-firm-name{display:block;font-size:13px}.exf-kind-badge{display:inline-block;padding:2px 7px;border-radius:4px;background:#eef2fa;color:#5d6d88;font-size:11px;margin-top:4px}.exf-credit-label{display:block;color:#76829a;font-size:12px}
#export-finance .exf-table-actions .btn{min-width:0!important;max-width:none!important;white-space:normal;overflow:visible;text-overflow:clip;margin:2px;padding:5px 8px;font-size:11px}#export-finance .exf-action[data-act=bill-delete]{color:#bd3544;background:#fff0f2}#export-finance .exf-action[data-act=remove]{color:#805b23;background:#fff7e8}
.exf-section-total{display:flex;justify-content:space-between;gap:12px;padding:13px 4px 0;color:#657490;font-size:12px}.exf-section-total strong{font-size:16px;color:#33598c}.exf-finance-footer{padding-top:8px}#export-finance .exf-empty{text-align:center!important;padding:30px!important;background:#fafcff}

#export-finance td.exf-table-actions{white-space:normal!important}#export-finance .exf-table-actions .btn{max-width:100%!important}

#export-finance .exf-row-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:100%}
#export-finance .exf-table-actions .exf-action-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px;padding:0!important;margin:0!important;border-radius:6px;line-height:1}
#export-finance .exf-action-icon svg{width:18px;height:18px;flex-shrink:0;pointer-events:none}#export-finance .exf-action-icon[data-act=credits]{background:#edf2ff;color:#5066b5}#export-finance .exf-action-icon[data-act=credit]{background:#e9f8f2;color:#168166}
#export-finance [data-finance-grid]{width:100%;min-width:0}#export-finance [data-finance-grid] .exf-match-scroll{width:100%}
/* Shared screen columns use the Pack output editor controls and compact row spacing. */
#screen-table-columns form{display:flex;flex-direction:column;min-height:0;overflow:hidden}
#screen-table-columns .ex-output-panel-body{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:10px 12px}
#screen-table-columns .ex-output-column-scroll{flex:1;max-height:calc(90dvh - 230px)}
#screen-table-columns .ex-output-panel-footer{flex-shrink:0}
#screen-table-columns .ex-output-column-table{min-width:2200px;width:2200px;table-layout:fixed;margin-bottom:0}
#screen-table-columns .ex-output-column-table td{height:44px;white-space:nowrap}
#screen-table-columns .ex-output-column-table :is(th,td):nth-child(2){left:34px}
#screen-table-columns .ex-output-column-table :is(th,td):nth-child(3){left:64px}
#screen-table-columns .st-drag{width:28px!important;min-width:28px!important;height:30px;padding:2px!important;touch-action:none;cursor:grab}
#screen-table-columns .ex-output-column-top-scroll{overflow-x:scroll;flex-shrink:0}
#screen-table-columns .ex-output-unit-text{min-width:0;width:90px}
#screen-table-columns .ex-output-unit-controls{flex-wrap:nowrap}
#screen-table-columns .ex-output-alignment{min-width:0;gap:6px}
#screen-table-columns .ex-output-color-edit{width:auto!important;min-width:0!important;white-space:nowrap;display:flex;align-items:center;gap:5px;height:30px;padding:3px 7px!important}
#screen-table-columns .st-table-options{flex-shrink:0;font-size:12px;max-height:250px;overflow:auto}
#screen-table-columns .st-table-options summary{font-weight:600;cursor:pointer;color:#36557c}
#screen-table-columns .st-general-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#screen-table-columns .st-general-grid label{display:flex;flex-direction:column;gap:3px;font-size:12px}
#screen-table-columns .st-general-grid .st-general-check{flex-direction:row;align-items:center}
#screen-table-columns .st-general-grid input[type=color]{height:30px;width:70px}
#screen-column-template{width:min(800px,94vw)}
.screen-configured-table td>div,.screen-configured-table td .mp-list-description{min-width:0!important;max-width:100%!important;white-space:inherit!important;overflow-wrap:inherit}
.screen-configured-table :is(td,th)>:is(strong,div,p,span,small),.screen-configured-table :is(input,select,textarea){font-family:inherit;font-size:inherit}
.screen-configured-table td input:not([type=checkbox]):not([type=radio]),.screen-configured-table td select{max-width:100%}
@media(max-width:700px){#screen-table-columns .st-general-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.screen-configured-table [data-screen-color] :is(div,p,span,strong,small,a){color:inherit!important}
#screen-table-columns .ex-output-column-top-scroll::-webkit-scrollbar{display:block!important;height:12px}
#screen-table-columns .ex-output-column-top-scroll::-webkit-scrollbar-track{background:#eef2f8}
#screen-table-columns .ex-output-column-top-scroll::-webkit-scrollbar-thumb{background:#9baac0;border:2px solid #eef2f8;border-radius:6px}
.ex-auto-table .table{min-width:1200px}
.ex-auto-table :is(th,td){vertical-align:middle;white-space:normal}
.ex-auto-table input:not([type=checkbox]){min-width:94px;width:100%;max-width:130px}
.ex-auto-table td:nth-child(2){min-width:210px}
.ex-auto-table td:nth-child(3),.ex-auto-table td:last-child{white-space:nowrap}

/* Compact manual mixed-carton editor; keep scrolling inside the modal. */
.ex-box-toolbar{display:flex;align-items:center;gap:16px;margin:12px 0}.ex-box-toolbar .form-control{max-width:360px}.ex-box-toolbar [role=status]{white-space:nowrap;color:#526580;font-size:13px}
.ex-box-table{margin-bottom:20px;min-width:0}.ex-box-table .table-responsive{max-height:44vh;overflow:auto;border:1px solid #dce4f1;border-radius:6px}.ex-box-table .table{min-width:680px;margin:0;font-size:13px;table-layout:fixed}.ex-box-table th{position:sticky;top:0;z-index:2;background:#edf3fb}.ex-box-table :is(th,td){padding:10px 12px;vertical-align:middle;white-space:normal}.ex-box-table :is(th,td):first-child{width:38%;overflow-wrap:anywhere}.ex-box-table :is(th,td):nth-child(2){width:10%;text-align:center}.ex-box-table :is(th,td):nth-child(3){width:19%}.ex-box-table :is(th,td):last-child{width:33%}.ex-box-table .form-control{width:100%;min-width:80px;max-width:130px}.ex-box-table .ex-box-selected{background:#f0faf6}.ex-box-table input[aria-invalid=true]{border-color:#dc3545}.ex-box-serial-list{max-height:170px;overflow:auto;display:flex;flex-wrap:wrap;gap:6px 12px;padding-top:8px}.ex-box-serial-list label{display:inline-flex;align-items:center;gap:5px;overflow-wrap:anywhere}.ex-box-table summary{cursor:pointer}.ex-box-row[hidden]{display:none!important}
@media(max-width:600px){.ex-box-toolbar{flex-wrap:wrap;gap:8px}.ex-box-toolbar .form-control{max-width:none}.ex-box-table .table-responsive{max-height:48vh}}

/* Settings and the actual generated PDF stay visible together. */
.ex-output-workspace{display:grid;grid-template-columns:minmax(340px,40%) minmax(0,1fr);gap:18px;align-items:start}.ex-output-workspace>*,#ex-output-settings-side{min-width:0}.ex-output-preview-side{position:sticky;top:74px;border:1px solid #dce4f1;border-radius:8px;background:#f3f6fb;padding:12px;min-width:0}.ex-live-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.ex-live-toolbar>label{font-size:12px;display:flex;align-items:center;gap:5px;margin-left:auto}.ex-live-toolbar .btn{min-width:0!important;max-width:none!important}.ex-output-preview-side #ex-live-status{font-size:12px;margin:10px 0;color:#526580}.ex-output-preview-side iframe{display:block;width:100%;height:calc(100dvh - 265px);min-height:470px;border:0;background:#d8dce2}.ex-output-preview-side .ex-output-preview{max-height:calc(100dvh - 265px);min-height:470px;background:#fff}.ex-output-preview-side [hidden]{display:none!important}
#ex-output-settings-side .ex-output-settings-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#ex-output-settings-side>.small.text-muted:first-of-type{font-size:11px}#ex-output-settings-side .ex-output-setting-button{padding:8px;font-size:12px;white-space:normal}#ex-output-settings-side .ex-output-setting-item{min-width:0}.ex-output-inline-panel{position:static!important;width:100%!important;max-width:100%;margin:12px 0;max-height:68dvh}.ex-output-inline-panel[open]{display:flex}.ex-output-inline-panel .ex-output-panel-header,.ex-output-inline-panel .ex-output-panel-footer{padding:10px 12px}.ex-output-inline-panel .ex-output-panel-body{padding:12px}.ex-output-inline-panel .ex-output-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-output-inline-panel .ex-page-layout{min-width:0}.ex-output-inline-panel .ex-page-layout svg{max-width:100%}.ex-output-inline-panel .ex-output-column-scroll{max-height:48dvh}.ex-output-inline-panel .ex-output-fields-grid input,.ex-output-inline-panel .ex-output-fields-grid select,.ex-output-inline-panel .ex-output-fields-grid textarea{max-width:100%}
@media(max-width:1100px){.ex-output-workspace{grid-template-columns:minmax(300px,44%) minmax(0,1fr)}}@media(max-width:800px){.ex-output-workspace{grid-template-columns:minmax(0,1fr)}.ex-output-preview-side{position:static}.ex-output-preview-side iframe{height:65dvh;min-height:360px}.ex-output-preview-side .ex-output-preview{min-height:300px;max-height:65dvh}.ex-output-inline-panel{max-height:65dvh}}

.ex-output-inline-panel .ex-page-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"top bottom" "left right" "sheet sheet" "range range";gap:12px;padding:10px}.ex-output-inline-panel .ex-page-sheet{max-width:250px;justify-self:center}.ex-output-inline-panel .ex-page-data-range{grid-template-columns:minmax(0,1fr)}

#ex-output-settings-side{max-height:calc(100dvh - 230px);overflow:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-gutter:stable}.ex-output-workspace{align-items:start}@media(max-width:800px){#ex-output-settings-side{max-height:none;overflow:visible;padding-right:0;scrollbar-gutter:auto}}

/* Draggable boundary between editor settings and the live document. */
.ex-output-workspace{grid-template-columns:minmax(0,var(--ex-output-left,40fr)) 14px minmax(0,var(--ex-output-right,60fr));gap:0}.ex-output-divider{position:relative;align-self:stretch;display:flex;justify-content:center;align-items:center;min-height:320px;cursor:col-resize;touch-action:none;outline:none;user-select:none}.ex-output-divider::before{content:'';position:absolute;inset:0 5px;border-radius:4px;background:#dce4ef;transition:background .15s}.ex-output-divider span{position:relative;display:flex;align-items:center;justify-content:center;width:14px;height:44px;border:1px solid #c5d2e6;border-radius:5px;background:#f5f8ff;color:#536a9b;font-size:23px;line-height:1}.ex-output-divider:hover::before,.ex-output-divider:focus-visible::before,.ex-output-resizing .ex-output-divider::before{background:#6684d1}.ex-output-divider:focus-visible span{outline:2px solid #536fbc;outline-offset:1px}.ex-output-resizing iframe{pointer-events:none}.ex-output-resize-active,.ex-output-resize-active *{cursor:col-resize!important;user-select:none!important}@media(max-width:800px){.ex-output-workspace{grid-template-columns:minmax(0,1fr);gap:18px}.ex-output-divider{display:none}}

/* Dedicated spreadsheet editor: stable inputs, explicit check/save, internal scrolling. */
.ex-bulk-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}.ex-bulk-toolbar .form-control,.ex-bulk-toolbar .form-select{width:auto;min-width:160px;max-width:320px}.ex-bulk-toolbar [role=status]{margin-left:auto;font-size:12px;color:#65758e}.ex-bulk-toolbar .btn,.ex-bulk-savebar .btn{min-width:0!important;max-width:none!important;white-space:normal!important}.ex-bulk-scroll{max-height:62dvh;overflow:auto;border:1px solid #dce4ef;border-radius:6px;overscroll-behavior:contain}.ex-bulk-table{table-layout:fixed;width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;margin:0;font-size:12px}.ex-bulk-table th{position:sticky;top:0;background:#edf3fb;z-index:3}.ex-bulk-table :is(td,th){width:170px;min-width:170px;padding:6px!important;vertical-align:middle;border-bottom:1px solid #dce4ef;border-right:1px solid #dce4ef;white-space:normal}.ex-bulk-table :is(th,td):first-child{width:36px;min-width:36px;position:sticky;left:0;background:#f7f9fd;z-index:4}.ex-bulk-table :is(th,td):nth-child(2){width:210px;min-width:210px;position:sticky;left:36px;background:#f7f9fd;z-index:4;overflow-wrap:anywhere}.ex-bulk-table th:nth-child(-n+2){z-index:5}.ex-bulk-table :is(th,td):nth-child(3),.ex-bulk-table :is(th,td):nth-child(4){width:100px;min-width:100px;text-align:center}.ex-bulk-table .form-control,.ex-bulk-table .form-select{width:100%;min-width:0!important;max-width:100%;height:34px;padding:5px 7px;font-size:12px}.ex-bulk-table textarea.form-control{height:54px;resize:vertical}.ex-bulk-table input[readonly]{background:#eef1f6;color:#7b8497}.ex-bulk-table .ex-bulk-changed td{background:#fff9e8}.ex-bulk-table [hidden]{display:none!important}.ex-bulk-table td .search-select{max-width:100%;min-width:0}.ex-bulk-savebar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0;position:sticky;bottom:0;background:#fff;z-index:6;border-top:1px solid #e2e8f2}.ex-bulk-savebar label{font-size:12px}.ex-bulk-savebar [type=submit]{margin-left:auto}@media(max-width:700px){.ex-bulk-table :is(th,td):nth-child(2){position:static}.ex-bulk-toolbar .form-control,.ex-bulk-toolbar .form-select{flex:1;max-width:none}.ex-bulk-savebar{position:static}.ex-bulk-scroll{max-height:66dvh}}

.ex-bulk-diff{max-width:560px;padding:6px 0;white-space:pre-wrap;overflow-wrap:anywhere;border-bottom:1px solid #e2e8f2}

#catalog-bulk-screen .ex-bulk-table :is(th,td):nth-child(3),#catalog-bulk-screen .ex-bulk-table :is(th,td):nth-child(4){width:200px;min-width:200px;text-align:left}#catalog-bulk-screen details p{white-space:pre-wrap;overflow-wrap:anywhere}

/* HTML source tools and variable diagnostics. */
.ex-html-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}.ex-html-toolbar .form-select{width:auto;max-width:100%;font-size:12px}.ex-html-toolbar .btn{min-width:0!important;max-width:none!important;white-space:normal!important}.ex-html-source{tab-size:2;min-height:260px;line-height:1.55;resize:vertical;white-space:pre;overflow:auto}.ex-html-variable-scroll{max-height:240px;overflow:auto}.ex-html-variable-scroll table{font-size:12px;table-layout:fixed;width:100%}.ex-html-variable-scroll th{position:sticky;top:0;background:#f4f7fc}.ex-html-variable-scroll td{overflow-wrap:anywhere;white-space:normal}.ex-html-variable-value{max-width:260px;white-space:pre-wrap!important}.ex-html-variables [data-html-search]{max-width:300px}.ex-html-editor-dialog{width:min(1200px,96vw)}.ex-html-editor-dialog .ex-html-source{min-height:40vh}.ex-html-editor-dialog .ex-output-panel-body{overflow:auto}@media(max-width:600px){.ex-html-toolbar .form-select{flex:1;min-width:140px}.ex-html-editor-dialog .ex-output-panel-footer{flex-wrap:wrap}}
.ex-html-toolbar .btn{width:auto!important}.ex-html-toolbar>.search-select{width:auto;min-width:140px;max-width:100%;flex:1}.ex-html-source{min-height:220px;max-height:55vh}
.ex-visual-editor{min-width:0;width:100%}.ex-visual-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:8px;background:#f4f6fb;border:1px solid #ccd5e5;border-radius:5px 5px 0 0}.ex-visual-toolbar button,.ex-visual-toolbar select,.ex-visual-toolbar input{font-size:12px;border:1px solid #c6d0e0;border-radius:3px;background:white;padding:4px;max-width:150px;min-width:0}.ex-visual-toolbar label{display:flex;align-items:center;gap:4px;font-size:12px;width:auto!important}.ex-visual-toolbar input[type=number]{width:55px}.ex-visual-toolbar input[type=color]{width:30px;height:29px}.ex-visual-content{background:white;color:#111;padding:12px;min-height:220px;max-height:55vh;overflow:auto;border:1px solid #ccd5e5;outline-offset:-2px;overflow-wrap:anywhere}.ex-visual-content table{max-width:100%;border-collapse:collapse}.ex-visual-content td,.ex-visual-content th{min-width:35px}.ex-visual-content [data-output-block]{outline:1px dashed #b8c5df}.ex-visual-editor [hidden]{display:none!important}.ex-html-source[hidden]{display:none!important}
.ex-html-toolbar [hidden]{display:none!important}.ex-visual-toolbar input[type=number]{width:55px!important}.ex-visual-toolbar select{width:auto!important}
.ex-visual-editor{position:relative}.ex-visual-table-tools{display:flex;flex-wrap:wrap;gap:5px;align-items:center;width:100%}.ex-visual-table-tools input,.ex-visual-toolbar [data-visual-rows],.ex-visual-toolbar [data-visual-cols],.ex-visual-toolbar [data-visual-width]{width:55px!important;max-width:55px!important}.ex-visual-content .ex-visual-cell-selected{outline:2px solid #527ed2;outline-offset:-2px;background-color:#dce8ff!important}.ex-visual-column-handle{position:absolute;width:10px;z-index:4;background:linear-gradient(90deg,transparent 4px,#527ed2 4px,#527ed2 6px,transparent 6px);cursor:col-resize;touch-action:none;user-select:none}.ex-visual-column-handle:hover,.ex-visual-column-handle:focus{background-color:#527ed233;outline:1px solid #527ed2}.ex-visual-table-status{margin:5px 0}.ex-visual-content table[style*="table-layout: fixed"],.ex-visual-content table[style*="table-layout:fixed"]{table-layout:fixed}
/* Output workspace: one page scroll, a stable preview and compact navigation. */
#ex-output-screen>.mb-3,#ex-output-screen>.ex-document-tabs{margin-bottom:6px!important}#ex-output-screen>.card>.card-header{padding:10px 16px}#ex-output-screen>.card>.card-header h5{font-size:15px}#ex-output-form>.card-body{padding:12px 16px}#ex-output-edit-view{--ex-output-header-offset:110px;--ex-output-toolbar-height:54px}.ex-output-edit-heading{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.ex-output-edit-heading .btn{min-width:0!important;max-width:none!important}.ex-output-template-options{margin-left:auto;font-size:12px}.ex-output-template-options>summary{padding:6px 8px}.ex-output-template-actions{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0}.ex-output-template-actions input{flex:1 1 180px;width:auto}.ex-output-template-actions .btn{font-size:12px;min-width:0!important}.ex-output-help{font-size:12px;margin:0 0 8px;padding:6px 8px;border:1px solid #e1e6ef;border-radius:5px}.ex-output-help>summary{font-weight:400!important}.ex-output-help p{margin:8px 0 0}.ex-output-actionbar{position:sticky;top:var(--ex-output-header-offset);bottom:auto;z-index:20;padding:8px 0;margin-bottom:10px;border-top:0;border-bottom:1px solid #d9e1ed;box-shadow:none;flex-wrap:wrap;gap:6px}.ex-output-document-actions{display:flex;gap:6px;flex-wrap:wrap}.ex-output-actionbar .btn{min-width:0!important;max-width:none!important;font-size:12px;padding:6px 9px}.ex-output-actionbar [role=status]{min-width:0;flex:1 1 50px;font-size:11px}.ex-output-workspace{align-items:start}.ex-output-workspace #ex-output-settings-side{max-height:none;overflow:visible;overscroll-behavior:auto;padding-right:0;scrollbar-gutter:auto}.ex-output-workspace .ex-output-preview-side{position:sticky;top:calc(var(--ex-output-header-offset) + var(--ex-output-toolbar-height) + 8px);padding:8px}.ex-output-workspace .ex-output-preview-side iframe{height:calc(100dvh - var(--ex-output-header-offset) - var(--ex-output-toolbar-height) - 100px);min-height:260px}.ex-output-workspace .ex-output-preview-side .ex-output-preview{max-height:calc(100dvh - var(--ex-output-header-offset) - var(--ex-output-toolbar-height) - 100px);min-height:260px}.ex-output-workspace .ex-output-divider{min-height:220px}.ex-output-inline-panel{max-height:none!important;overflow:visible!important;margin:0 0 8px;border-radius:6px}.ex-output-inline-panel .ex-output-panel-body,.ex-output-inline-panel .ex-output-panel-body.ex-output-columns-panel{overflow:visible;max-height:none;padding:10px}.ex-output-inline-panel .ex-output-panel-header{padding:8px 10px}.ex-output-inline-panel .ex-output-panel-footer{padding:6px 10px}.ex-output-inline-panel .ex-output-panel-footer [data-panel-save]{display:none!important}.ex-output-section-picker{flex:1;min-width:0;width:auto;max-width:calc(100% - 36px);font-size:13px;font-weight:600}.ex-output-inline-panel .ex-output-panel-body>p{font-size:11px;line-height:1.5;margin:0 0 8px!important}.ex-output-inline-panel .ex-output-column-scroll{max-height:none;overflow-x:auto;overflow-y:visible}.ex-output-inline-panel .ex-visual-content{max-height:none;min-height:180px;overflow-x:auto;overflow-y:visible}.ex-output-inline-panel .ex-html-variable-scroll{max-height:none;overflow:visible}.ex-output-inline-panel .ex-html-toolbar{gap:4px;margin:4px 0}.ex-output-inline-panel .ex-html-toolbar .btn{font-size:11px;padding:4px 6px}.ex-output-inline-panel .ex-output-fields-grid{gap:10px}.ex-output-workspace [hidden],.ex-output-actionbar[hidden]{display:none!important}.ex-output-inline-panel .ex-visual-toolbar{gap:4px;padding:5px}.ex-output-inline-panel .ex-visual-toolbar label{font-size:11px}.ex-output-inline-panel .ex-visual-toolbar button,.ex-output-inline-panel .ex-visual-toolbar select{font-size:11px}.ex-output-inline-panel .ex-visual-editor>p,.ex-output-inline-panel .ex-html-diagnostics{font-size:11px;margin:5px 0!important}
@media(max-width:800px){#ex-output-edit-view{--ex-output-header-offset:0px}.ex-output-actionbar{position:static;gap:6px}.ex-output-actionbar [role=status]{flex-basis:100%}.ex-output-template-options{margin-left:0}.ex-output-workspace{gap:10px}.ex-output-workspace .ex-output-preview-side{position:static}.ex-output-workspace .ex-output-preview-side iframe{height:60dvh;min-height:300px}.ex-output-workspace .ex-output-preview-side .ex-output-preview{max-height:60dvh;min-height:250px}.ex-output-inline-panel .ex-output-fields-grid{grid-template-columns:minmax(0,1fr)}#ex-output-form>.card-body{padding:10px}.ex-output-inline-panel .ex-output-panel-header,.ex-output-inline-panel .ex-output-panel-body{padding:8px}}
#ex-output-settings-side>.row:empty,#ex-output-settings-side>.d-flex:empty,#ex-output-sort-status:empty{display:none!important}.ex-output-inline-panel .ex-output-panel-header>.search-select{flex:1;min-width:0;width:calc(100% - 36px)}#ex-output-settings-side .ex-output-setting-button{height:auto;min-height:36px;padding:7px 8px!important}#ex-output-settings-side .ex-output-settings-groups{margin:0 0 8px}
#ex-output-edit-view .ex-output-help>summary::after,#ex-output-edit-view .ex-output-template-options>summary::after{content:none!important}.ex-output-inline-panel .ex-output-panel-footer .btn{min-width:0!important;max-width:none!important;white-space:normal!important;font-size:12px}
.ex-visual-table-menu{width:auto;font-size:12px}.ex-visual-table-menu>summary{padding:4px 7px;border:1px solid #c6d0e0;border-radius:4px;font-weight:400!important;background:white}.ex-visual-table-menu[open]{flex-basis:100%}.ex-visual-table-menu-body{display:flex;flex-wrap:wrap;gap:5px;padding:6px 0 0}.ex-visual-table-menu>summary::after,.ex-html-shortcuts>summary::after{content:none!important}.ex-html-shortcuts{margin-top:6px;border:1px solid #e1e6ef;border-radius:4px;padding:6px;font-size:12px}.ex-html-shortcuts>.d-flex{gap:4px!important;margin-top:6px}.ex-output-actionbar>.btn-success{color:#fff!important}.ex-output-actionbar .btn:disabled{opacity:.65}
.ex-output-actionbar>.btn-success{background-color:#0ab39c!important;border-color:#0ab39c!important;color:#fff!important}
.ex-output-template-customer-label{display:flex;align-items:center;gap:6px;font-size:12px;flex:1 1 240px}.ex-output-template-customer-label .search-select{min-width:0;flex:1}.ex-output-template-default-label{display:flex;align-items:center;gap:6px;font-size:12px}.ex-output-template-actions .ex-output-template-default-label{flex-basis:100%}.ex-output-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:1040;background:var(--vz-body-bg,#f3f6fa);padding:10px;overflow:auto;overscroll-behavior:contain}.ex-output-fullscreen>div.mb-3{display:none}.ex-output-fullscreen>.ex-document-tabs{margin:0 0 6px!important}.ex-output-fullscreen>.card{margin:0}.ex-output-fullscreen #ex-output-edit-view{--ex-output-header-offset:0px}.ex-output-fullscreen .ex-output-preview-side iframe,.ex-output-fullscreen .ex-output-preview-side .ex-output-preview{height:calc(100dvh - var(--ex-output-toolbar-height) - 100px);max-height:calc(100dvh - var(--ex-output-toolbar-height) - 100px)}.ex-output-fullscreen #ex-output-fullscreen{background:#405189;color:#fff}.ex-output-fullscreen .ex-output-preview-side{top:calc(var(--ex-output-toolbar-height) + 8px)}@media(max-width:800px){.ex-output-fullscreen{padding:6px}.ex-output-fullscreen .ex-output-actionbar{position:sticky;top:0}.ex-output-fullscreen .ex-output-preview-side{position:static}.ex-output-fullscreen .ex-output-preview-side iframe{height:65dvh;max-height:none}}
/* Compact output heading: document area stays in place while optional tools open. */
#ex-output-edit-view .ex-output-edit-heading{position:relative;gap:6px;margin:0 0 4px;min-height:32px;flex-wrap:nowrap;z-index:32}
#ex-output-edit-view .ex-output-template-options{margin-left:auto;position:static;font-size:12px;min-width:0}
#ex-output-edit-view .ex-output-template-options>summary{list-style:none;cursor:pointer;border:1px solid #dce4f1;border-radius:4px;padding:6px 9px;white-space:nowrap;background:#f8faff}
#ex-output-edit-view .ex-output-template-options:not([open])>.ex-output-template-actions{display:none!important}
#ex-output-edit-view .ex-output-template-actions{position:absolute;top:calc(100% + 5px);right:0;display:grid;grid-template-columns:minmax(160px,1fr) minmax(200px,1fr);align-items:center;gap:10px;width:min(720px,100%);padding:12px;border:1px solid #cbd7e8;border-radius:6px;background:var(--vz-secondary-bg,#fff);box-shadow:0 8px 24px #273a6026}
#ex-output-edit-view .ex-output-template-actions input:not([type=checkbox]),#ex-output-edit-view .ex-output-template-actions select{width:100%;min-width:0;max-width:100%;height:34px;flex:none;font-size:12px}
#ex-output-edit-view .ex-output-template-customer-label{display:flex;align-items:center;gap:8px;margin:0;width:auto;min-width:0;flex:none}
#ex-output-edit-view .ex-output-template-default-label{display:flex;align-items:center;justify-content:flex-start;gap:6px;grid-column:1/-1;width:auto;margin:0;flex:none;white-space:normal}
#ex-output-edit-view #ex-output-template-default{flex:0 0 15px;width:15px!important;min-width:15px!important;max-width:15px!important;height:15px;margin:0}
#ex-output-edit-view .ex-output-template-actions .btn{width:auto;max-width:100%!important;min-width:0!important;white-space:normal}
#ex-output-edit-view .ex-output-help{position:static;flex:none;padding:0;margin:0;border:0;font-size:12px}
#ex-output-edit-view .ex-output-help>summary{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid #dce4f1;border-radius:50%;background:#f8faff;color:#405189;list-style:none;cursor:pointer;font-weight:600!important}
#ex-output-edit-view .ex-output-help:not([open])>.ex-output-help-content{display:none!important}
#ex-output-edit-view .ex-output-help-content{position:absolute;right:0;top:calc(100% + 5px);width:min(520px,100%);padding:12px;border:1px solid #cbd7e8;border-radius:6px;background:var(--vz-secondary-bg,#fff);box-shadow:0 8px 24px #273a6026;line-height:1.6}
#ex-output-edit-view .ex-output-help-content p{margin:0 0 6px}
#ex-output-edit-view .ex-output-actionbar{padding:5px 0;margin-bottom:8px;gap:5px}
#ex-output-edit-view .ex-output-status-indicator{display:inline-flex;flex:0 0 16px;align-items:center;justify-content:center;width:16px;height:20px;vertical-align:middle}
#ex-output-edit-view .ex-output-status-indicator::after{content:'';width:7px;height:7px;border-radius:50%;background:#0a9b79}
#ex-output-edit-view .ex-output-status-indicator[data-state=busy]::after{background:#e6a321}
#ex-output-edit-view .ex-output-status-indicator[data-state=paused]::after{background:#8895aa}
#ex-output-edit-view .ex-output-status-indicator[data-state=error]::after{background:#d23d51}
#ex-output-edit-view .ex-output-status-indicator[data-state=empty]{display:none}
#ex-output-edit-view .ex-output-actionbar>[type=submit]{margin-left:auto}
#ex-output-edit-view .ex-live-toolbar{gap:5px;margin-bottom:6px;min-height:30px}
#ex-output-edit-view .ex-live-toolbar strong{font-size:12px}
#ex-output-edit-view .ex-live-toolbar .btn{font-size:11px;padding:5px 7px;white-space:nowrap}
#ex-output-edit-view .ex-live-toolbar>label{font-size:11px;gap:4px;margin-bottom:0}
#ex-output-edit-view .ex-live-toolbar>label input{width:13px;height:13px;flex:none}
#ex-output-edit-view .ex-live-toolbar>.d-flex{gap:4px!important}
#ex-output-edit-view #ex-live-error{margin:0 0 6px;padding:8px;font-size:12px}
#ex-output-edit-view .ex-output-preview-side{padding:6px}
@media(max-width:800px){#ex-output-edit-view .ex-output-template-actions{grid-template-columns:minmax(0,1fr);gap:8px}#ex-output-edit-view .ex-output-template-default-label{grid-column:auto}#ex-output-edit-view .ex-output-template-actions .btn{width:100%}#ex-output-edit-view .ex-output-edit-heading>.btn{padding:5px 8px;font-size:12px}#ex-output-edit-view .ex-output-template-options>summary{font-size:11px;padding:6px}#ex-output-edit-view .ex-output-document-actions{gap:4px}#ex-output-edit-view .ex-output-actionbar .btn{font-size:11px;padding:5px 7px}#ex-output-edit-view .ex-live-toolbar>label{margin-left:auto}#ex-output-edit-view .ex-output-template-actions,#ex-output-edit-view .ex-output-help-content{max-height:65dvh;overflow:auto}}
@media(min-width:801px){#ex-output-edit-view .ex-output-preview-side iframe{height:var(--ex-output-preview-height,60dvh);max-height:var(--ex-output-preview-height,60dvh)}#ex-output-edit-view .ex-output-preview-side .ex-output-preview{max-height:var(--ex-output-preview-height,60dvh)}}

/* Reusable line recipes and output completeness indicators. */
.line-template-tools { min-width:0; max-width:100%; }
.line-template-tools summary { cursor:pointer; font-weight:600; }
.line-template-grid { display:grid; grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto; gap:8px; align-items:end; }
.line-template-grid label { display:block; min-width:0; margin:0; }
.line-template-grid input,.line-template-grid select { max-width:100%; width:100%; }
.line-template-grid input[type=checkbox] { width:auto; vertical-align:middle; }
.line-template-grid .line-template-wide { grid-column:span 2; }
.line-field-hint,.line-output-badges { color:#6a5b96; font-size:10px; line-height:1.3; margin-top:3px; white-space:normal; }
.line-output-missing:not([readonly]):not(:disabled) { border-color:#e9a63c!important; background-color:#fff9eb!important; }
.ex-output-accounting-options { margin-top:3px; }
.ex-output-accounting-options summary { font-size:10px; line-height:16px; cursor:pointer; color:#697185; white-space:nowrap; }
.ex-output-accounting-options:not([open])>:not(summary) { display:none!important; }
.ex-output-accounting-options[open] { padding:3px; background:#f4f6fc; }
@media(max-width:650px) { .line-template-grid { grid-template-columns:minmax(0,1fr); } .line-template-grid .line-template-wide { grid-column:auto; } }

.search-select:has(>select.line-output-missing:not(:disabled))>.search-select-toggle { border-color:#e9a63c!important; background-color:#fff9eb!important; }

/* Order output editor: the same compact workspace, with an explicit record toolbar. */
.order-output-topbar { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:10px; }
.order-output-kind-label { display:flex; gap:6px; align-items:center; margin:0; min-width:0; }
.order-output-kind-label select { width:190px; }
.order-output-presets { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin:0 0 12px; }
#order-output-special-settings .ex-output-fields-grid { gap:10px; }
.order-output-screen .card-header { padding-top:10px; padding-bottom:10px; }
@media(max-width:650px) { .order-output-topbar { gap:6px; } .order-output-kind-label { flex:1; } .order-output-kind-label select { width:100%; min-width:130px; } .order-output-topbar #order-output-create { flex:1 1 100%; } }

.order-output-topbar .btn { width:auto!important; max-width:none!important; min-width:0!important; }
@media(max-width:650px) {
 .order-output-topbar { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 .order-output-topbar>.btn { width:100%!important; white-space:normal; }
 .order-output-kind-label { display:grid; grid-template-columns:auto minmax(0,1fr); gap:4px; }
 .order-output-kind-label select { min-width:0; width:100%; }
 .order-output-topbar #order-output-create { grid-column:1/-1; }
}

.ex-output-mobile-switch { display:none; }
@media(max-width:800px) {
 .ex-output-mobile-switch { display:flex; gap:6px; margin:6px 0; }
 .ex-output-mobile-switch .btn { flex:1; min-width:0!important; max-width:none!important; }
 .ex-output-workspace[data-output-pane=settings]>.ex-output-preview-side { display:none; }
 .ex-output-workspace[data-output-pane=preview]>#ex-output-settings-side { display:none; }
 .ex-output-workspace[data-output-pane=preview]>.ex-output-preview-side { position:relative; top:0; }
}

.ex-output-image-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:180px}.ex-output-image-settings label{font-size:11px;min-width:0;margin:0}.ex-output-image-settings small{grid-column:1/-1;font-size:10px;line-height:1.35;color:#68778c}.ex-output-image-settings .form-control,.ex-output-image-settings .form-select{width:100%;min-width:0;font-size:12px}#ex-output-columns tr[data-image-column="1"] .ex-output-alignment>.ex-output-align-control:first-child{display:none}

.ex-output-image-settings[hidden],.ex-output-template-control[hidden]{display:none!important}

/* Invoice review: readable item cards beside the source document. */
.exf-item-workspace{padding:16px;background:#f5f8fc;border:1px solid #dce5f0;border-radius:12px}
.exf-item-workspace>p{line-height:1.6}.exf-match-preferences,.exf-bulk-panel{padding:12px 14px;background:#fff;border:1px solid #dce5f0;border-radius:8px;margin-bottom:12px}
.exf-match-preferences summary,.exf-bulk-panel summary{font-weight:600;color:#334d70;cursor:pointer}.exf-bulk-panel[open]>summary{margin-bottom:14px}
.exf-option-fields{display:flex;flex-wrap:wrap;gap:12px 20px;padding:14px 0}.exf-option-fields label{font-size:12px}
.exf-selected-info{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.exf-selected-info span{background:#edf3fb;color:#355c88;border-radius:5px;padding:3px 7px;font-size:11px;overflow-wrap:anywhere}
.exf-item-workspace #exf-match-summary{font-weight:600;color:#334d70}.exf-item-workspace .btn{white-space:normal}
.exf-item-workspace[data-invoice-view=cards] .exf-match-scroll{overflow:visible}
.exf-item-workspace[data-invoice-view=cards] .exf-match-table{display:block;width:100%!important;min-width:0!important}
.exf-item-workspace[data-invoice-view=cards] .exf-match-table thead{display:none}
.exf-item-workspace[data-invoice-view=cards] .exf-match-table tbody{display:grid;gap:14px}
.exf-item-workspace[data-invoice-view=cards] .exf-match-table tr{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #dce5f0;border-left:4px solid #e1a63c;border-radius:9px;padding:12px;gap:12px;box-shadow:0 2px 6px #233d5a05}
.exf-item-workspace[data-invoice-view=cards] .exf-match-table tr[data-match-state=matched]{border-left-color:#27a282}
.exf-item-workspace[data-invoice-view=cards] .exf-match-table tr[data-match-state=ignored]{border-left-color:#a6b2c1;background:#f0f3f7}
.exf-item-workspace[data-invoice-view=cards] .exf-match-table td{display:block;width:auto!important;min-width:0!important;max-width:none!important;position:static!important;border:0;padding:0;background:transparent!important;text-align:left!important}
.exf-item-workspace[data-invoice-view=cards] .exf-match-table td::before{content:attr(data-label);display:block;font-size:11px;font-weight:600;color:#697e96;margin-bottom:5px}
.exf-item-workspace[data-invoice-view=cards] [data-col=name],.exf-item-workspace[data-invoice-view=cards] [data-col=product],.exf-item-workspace[data-invoice-view=cards] [data-col=decision]{grid-column:1/-1}
.exf-item-workspace[data-invoice-view=cards] .form-control,.exf-item-workspace[data-invoice-view=cards] .form-select{padding:9px 10px;font-size:13px;border-radius:6px}
@media(max-width:575px){.exf-item-workspace{padding:10px}.exf-item-workspace[data-invoice-view=cards] .exf-match-table tr{padding:10px;gap:10px}.exf-option-fields{flex-direction:column}}

.exf-item-workspace[data-invoice-view=cards] [data-col=name]{order:1}.exf-item-workspace[data-invoice-view=cards] [data-col=code]{order:2;grid-column:1/-1}.exf-item-workspace[data-invoice-view=cards] [data-col=quantity]{order:3}.exf-item-workspace[data-invoice-view=cards] [data-col=price]{order:4}.exf-item-workspace[data-invoice-view=cards] [data-col=product]{order:5}.exf-item-workspace[data-invoice-view=cards] [data-col=decision]{order:6}.exf-item-workspace[data-invoice-view=cards] [data-col=actions]{order:7;grid-column:1/-1}
.exf-item-workspace[data-invoice-view=cards] input,.exf-item-workspace[data-invoice-view=cards] select{text-align:left!important}

.exf-add-footer{display:flex;justify-content:flex-end;padding:10px 0 0;border-top:1px solid #dce5f0;margin-top:14px}

.exf-preference-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.exf-info-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0}.exf-info-actions [data-info-count]{margin-left:auto}.exf-match-preferences .search-select-toggle{white-space:normal;line-height:1.6;padding:10px 12px!important;text-align:left!important}
.exf-item-heading{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.exf-item-number{display:inline-grid;place-items:center;background:#eaf0fc;color:#5265b7;border-radius:7px;min-width:26px;height:26px;font-weight:700}.exf-item-heading label{font-weight:600;color:#415675;font-size:12px}.exf-item-heading [data-row-state]{margin-left:auto;font-size:10px;background:#fff4dc;color:#8a641b;padding:4px 8px;border-radius:12px}
tr[data-match-state=matched] [data-row-state]{background:#e2f5ee;color:#187655}tr[data-match-state=ignored] [data-row-state]{background:#e9edf3;color:#637289}.exf-row-total{font-size:11px;color:#516985;margin-top:6px;text-align:right}
.exf-item-workspace[data-invoice-view=cards] .exf-match-table tr{grid-template-columns:repeat(4,minmax(0,1fr));padding:16px;gap:14px 16px}
.exf-item-workspace[data-invoice-view=cards] [data-col=name]{grid-column:1/4}.exf-item-workspace[data-invoice-view=cards] [data-col=name]::before{display:none}.exf-item-workspace[data-invoice-view=cards] [data-col=code]{grid-column:4;align-self:end;padding-bottom:10px!important}
.exf-item-workspace[data-invoice-view=cards] [data-col=quantity],.exf-item-workspace[data-invoice-view=cards] [data-col=price]{grid-column:span 2}.exf-item-workspace[data-invoice-view=cards] [data-col=product]{grid-column:1/-1;padding:12px!important;background:#f4f7fc!important;border:1px solid #e5ebf4;border-radius:8px}.exf-item-workspace[data-invoice-view=cards] [data-col=decision]{grid-column:1/4}.exf-item-workspace[data-invoice-view=cards] [data-col=actions]{grid-column:4;align-self:center}.exf-item-workspace [data-filter-status]{font-size:11px;line-height:1.5}
@media(max-width:575px){.exf-item-workspace[data-invoice-view=cards] .exf-match-table tr{padding:12px;gap:12px}.exf-item-workspace[data-invoice-view=cards] [data-col=name],.exf-item-workspace[data-invoice-view=cards] [data-col=decision],.exf-item-workspace[data-invoice-view=cards] [data-col=actions]{grid-column:1/-1}.exf-item-workspace[data-invoice-view=cards] [data-col=code]{grid-column:1/-1}.exf-item-heading [data-row-state]{font-size:9px}}

.exf-item-workspace[data-invoice-view=cards] .exf-match-table td[data-col=name]::before{display:none!important}.exf-item-workspace[data-invoice-view=cards] .exf-match-table td[data-col=product]{padding:12px!important;background:#f4f7fc!important}

/* Missing required invoice fields after document reading. */
#ex-form .exf-read-missing,#ex-form .exf-missing-field .search-select-toggle{border:1.5px solid #d94646!important;background-color:#fff5f5!important;box-shadow:0 0 0 2px #d946460c}
#ex-form .exf-read-missing:focus,#ex-form .exf-missing-field .search-select-toggle:focus{box-shadow:0 0 0 3px #d9464620!important}
#ex-form .exf-missing-note{display:block;color:#bf3030;font-size:11px;line-height:1.5;margin-top:5px;font-weight:500}
#ex-form .exf-missing-note[hidden],#exf-missing-summary[hidden]{display:none!important}

/* Expense receipts: clear groups and compact document controls. */
.exf-extra-costs{padding:20px;border:1px solid #dbe4f0;border-radius:14px;background:#f5f8fc}
.exf-extra-costs>div:first-child strong{font-size:15px;color:#203b61}
.exf-extra-card{padding:18px;margin:14px 0;background:#fff;border:1px solid #dce5ef;border-radius:12px;box-shadow:0 2px 5px #233b5e06}
.exf-extra-card label{color:#526580;font-weight:600}
.exf-extra-card .form-control,.exf-extra-card .form-select{margin-top:5px;min-height:38px;font-weight:400}
.exf-extra-card [data-extra-remove]{flex:0 0 36px;width:36px;min-height:34px}
.exf-extra-card [data-extra-equivalent]{margin-top:12px;padding-top:10px;border-top:1px solid #edf1f6}
.exf-extra-card .form-text{font-size:11px;font-weight:400}
.exf-extra-card [data-extra-pages]:disabled{background:#f1f4f8}
@media(max-width:600px){.exf-extra-costs{padding:12px}.exf-extra-card{padding:12px}}

.ex-documents-panel>summary{cursor:pointer;display:list-item;list-style-position:inside;padding:14px 18px;user-select:none}.ex-documents-panel>summary:hover{background:#f4f7fb}.ex-documents-panel>summary:focus-visible{outline:2px solid #5264e8;outline-offset:2px}

/* TR invoice field and omission checkbox share one row. */
.ex-tr-fields .ex-tr-field{display:flex;align-items:flex-end;gap:8px;min-width:0}.ex-tr-fields .ex-tr-field>label:first-child{flex:1;min-width:0}.ex-tr-fields label.ex-tr-skip{display:flex;flex-direction:row;align-items:center;gap:5px;flex:0 0 auto;height:38px;margin:0;font-size:11px;white-space:nowrap}.ex-tr-fields .ex-tr-skip input{width:15px;height:15px;margin:0}.ex-tr-fields:has(.ex-tr-skip){grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(max-width:420px){.ex-tr-fields:has(.ex-tr-skip){grid-template-columns:minmax(0,1fr)}}