#dialog:has(.document-workflow) { width: min(1180px, calc(100vw - 32px)); max-width: none; }
.document-workflow { display: grid; gap: 14px; }
.document-workflow form { display: grid; gap: 11px; }
.document-workflow form[hidden], .document-workflow [hidden] { display: none; }
.document-workflow label { display: grid; gap: 5px; min-width: 0; }
.document-workflow label > span { font-size: .76rem; font-weight: 650; }
.document-workflow input:not([type="checkbox"]), .document-workflow select { min-height: 34px; width: 100%; min-width: 0; padding: 7px 10px; border: 1px solid var(--border, #e0d8d6); border-radius: 7px; background: var(--surface, #fff); color: var(--text, #302929); font: inherit; font-size: .82rem; }
.document-workflow input:focus-visible, .document-workflow select:focus-visible, .document-workflow summary:focus-visible { outline: 3px solid #ba0c2f; outline-offset: 2px; }
.document-field-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; }
.document-field-grid > label { align-self: start; }
.document-workflow .document-check { display: flex; align-items: flex-start; gap: 10px; }
.document-check input { width: 20px; height: 20px; flex: 0 0 20px; accent-color: #305e42; }
.document-workflow .document-check > span { font-weight: 500; }
.document-status, .document-error, .document-hint { margin: 0; line-height: 1.45; font-size: .73rem; }
.document-status:empty { display: none; }
.document-error { padding: 12px; border-left: 3px solid #ad3434; background: #fff0ec; color: #772c22; border-radius: 6px; }
.document-workflow .document-row-error { color: #963329; }
.document-workflow details { padding: 14px; border: 1px solid var(--border, #e0d8d6); border-radius: 12px; }
.document-workflow summary { cursor: pointer; padding: 5px 0; font-weight: 650; }
.document-workflow details[open] > summary { margin-bottom: 16px; }
.document-ocr-text { max-height: 220px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font: .9rem/1.5 system-ui, sans-serif; }
.document-ocr-layout { display: grid; grid-template-columns: minmax(220px, .85fr) minmax(320px, 1.15fr); gap: 24px; align-items: start; }
.document-original-preview { min-width: 0; padding: 12px; border: 1px solid var(--border, #e0d8d6); border-radius: 12px; }
.document-original-preview .ux-receipt-viewport { max-height: 520px; }
.document-table-scroll { overflow-x: auto; border: 1px solid var(--border, #e0d8d6); border-radius: 12px; }
.document-table { width: 100%; border-collapse: collapse; font-size: .85rem; }
.document-table th { text-align: left; white-space: nowrap; background: var(--surface-muted, #edf2e9); font-weight: 650; }
.document-table td, .document-table th { padding: 10px; border-bottom: 1px solid var(--border, #dce4dd); vertical-align: top; }
.document-table td { min-width: 115px; }
.document-table td:has([data-import-field="text"]), .document-table td:has([data-datev-field="text"]) { min-width: 240px; }
.document-table td:last-child { min-width: 160px; max-width: 240px; }
.document-table input + input { margin-top: 6px; }
.document-pagination { display: flex; align-items: center; justify-content: center; gap: 16px; }
.document-workflow .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.cash-dark .document-workflow { --surface: #173427; --surface-muted: #233f30; --border: #476352; --text: #edf2e8; }
.cash-dark .document-error { background: #462924; color: #ffd6cd; }
.cash-dark .document-workflow .document-row-error { color: #ffd6cd; }
@media (max-width: 640px) { #dialog:has(.document-workflow) { width: calc(100vw - 12px); } .document-field-grid { grid-template-columns: 1fr; } .document-workflow .form-actions { flex-wrap: wrap; } .document-workflow .form-actions button { flex: 1 1 180px; } }
@media (max-width: 850px) { .document-ocr-layout { grid-template-columns: 1fr; } .document-original-preview .ux-receipt-viewport { max-height: 280px; } }
.document-workflow{--surface:#fff;--surface-muted:#fbf3f0;--border:#e0d8d6;--text:#302929;font-size:14px;line-height:1.6}
.document-workflow,.document-workflow form,.document-workflow form>div,.document-table-scroll{min-width:0;max-width:100%}
#dialog:has(.document-workflow) .dialog-header>div{min-width:0}
#dialog:has(.document-workflow) .dialog-header h2{overflow-wrap:anywhere}
#dialog:has(.document-workflow) .dialog-header>.icon-btn{display:inline-flex;min-width:44px;width:44px;height:44px}
.document-table td:has([data-import-field=date]){min-width:155px}.document-table td:has([data-import-field=type]){min-width:145px}
.document-workflow label>span,.document-status,.document-error,.document-hint,.document-workflow small{font-size:13px}
.document-workflow input:not([type=checkbox]),.document-workflow select{min-height:44px;font-size:14px}
.document-workflow summary{min-height:44px;display:flex;align-items:center}.document-workflow .document-check{min-height:44px;align-items:center}.document-check input{accent-color:var(--red);width:22px;height:22px;flex-basis:22px}
.document-workflow .form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.document-workflow .btn{min-height:44px;font-size:13px;border-radius:8px}.document-workflow .btn:not(.primary){border:1px solid var(--border);background:#fff;color:#77594e}
.document-table{font-size:13px}.document-table th{font-size:12px}.document-workflow h3{font-size:17px;margin:8px 0}.document-pagination .btn{min-width:78px}
.document-confirm{border:1px solid #e1d3c9;border-radius:15px;max-width:460px;padding:24px;color:var(--ink);background:#fff}.document-confirm::backdrop{background:#2b191945;backdrop-filter:blur(3px)}.document-confirm form{display:grid;gap:20px}.document-confirm .form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.document-confirm p{font-size:14px;line-height:1.7}
@media(max-width:700px){#dialog:has(.document-workflow){max-height:calc(100dvh - 24px)}.document-workflow input:not([type=checkbox]),.document-workflow select{font-size:16px}.document-workflow details{padding:11px}.document-workflow .form-actions{display:grid;grid-template-columns:1fr}.document-workflow .form-actions button{width:100%;white-space:normal}.document-pagination{gap:9px;font-size:13px}.document-confirm{max-width:calc(100vw - 24px)}}