.accountingPage{display:flex;gap:8px;min-height:0}.accountingMain{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px;min-height:0}.accountingPage>.invoiceActions{width:235px;flex:0 0 235px;overflow:auto}.accountingTiles{display:flex;gap:6px;flex-wrap:wrap;padding:8px}.accountingTiles button{min-height:52px;background:#4385ae;color:white;max-width:110px;border:0;padding:8px}.accountingList{flex:1;min-height:240px}.accountingPreview{height:235px;min-height:150px}.accountingTotals{font-weight:600;color:var(--text,#30475b);padding:8px;white-space:pre-wrap}.accountingStatus{font-size:12px;padding:5px;margin:0;color:var(--muted,#626d76)}.accountingField{display:flex;gap:8px;align-items:center;margin:6px}.accountingField>span{min-width:105px}.accountingField>input,.accountingField>select{min-width:0;width:180px}.accountingField input,.accountingField select,.accountingEditor textarea{padding:5px;border:1px solid var(--border,#c3cbd1);border-radius:3px;background:var(--surface,#fff);color:inherit}.accountingEditor{display:flex;flex-direction:column;min-height:0;gap:5px}.accountingHeader{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.accountingHeader fieldset{border:1px solid var(--border,#c3cbd1);min-width:0;padding:8px}.accountingHeader legend{font-weight:600}.accountingEditorTabs,.accountingCommands{display:flex;gap:5px;flex-wrap:wrap}.accountingCommands{padding:6px}.accountingDetailTab{flex:1;min-height:220px}.accountingLineGrid{height:100%;min-height:220px}.accountingLineGrid td input,.accountingLineGrid td select{max-width:100%;width:calc(100% - 6px);min-width:40px;border:1px solid transparent;background:transparent;color:inherit;padding:4px}.accountingLineGrid td input:focus{border-color:#4385ae;background:var(--surface,#fff)}.accountingLineGrid td button{padding:2px 6px}.accountingOtherTab{flex:1;overflow:auto}.accountingFooter{display:flex;align-items:center;flex-wrap:wrap;gap:15px;border-top:1px solid var(--border,#c3cbd1);padding:8px}.accountingFooter label{flex:1}.accountingFooter textarea{width:100%;min-height:75px}.accountingFooter output{font-weight:700;font-variant-numeric:tabular-nums}.accountingLookup{min-width:420px;max-width:90vw;max-height:80vh}.accountingLookup>div{display:flex;flex-direction:column;gap:3px;max-height:55vh;overflow:auto}.accountingLookup>input{width:95%;padding:7px;margin:8px 0}.accountingPage [hidden],.accountingEditor [hidden]{display:none!important}@media(max-width:1000px){.accountingHeader{grid-template-columns:1fr 1fr}.accountingHeader fieldset:last-child{grid-column:1/-1}.accountingPage>.invoiceActions{width:195px;flex-basis:195px}}@media(max-width:700px){.accountingHeader{grid-template-columns:1fr}.accountingPage>.invoiceActions{width:160px;flex-basis:160px}}
.accountingAccountPage{display:flex;gap:8px;min-height:0}.accountingAccountPage>.accountingMain{overflow:auto}.accountingAccountGrid{min-height:300px;flex:1}.accountingAccountPage .invoiceActions{width:210px;flex:0 0 210px}.accountingAccountPage h2{font-size:16px;margin:8px}.accountingAccountPage .accountingCommands input{max-width:100px}.accountingAccountPage .quantumFinancialChart{min-height:220px}.accountingLookup select{width:95%;padding:7px}

.accountingAccountPage[hidden],.accountingAccountPage [hidden]{display:none!important}

/* Voucher editor follows the Windows ERP group and command arrangement. */
.accountingEditor{gap:0;background:#e9e9e9;color:#17324f;font:11px Tahoma,'Segoe UI',sans-serif;overflow:auto}
.accountingEditor fieldset{margin:0;min-width:0;border:1px solid #b8b8b8;border-radius:3px;padding:8px 10px}
.accountingEditor legend{font-weight:400;padding:0 3px;font-size:11px}
.accountingEditor .accountingHeader{grid-template-columns:29.2fr 35.8fr 35fr;gap:4px;flex:0 0 22%;min-height:180px;max-height:235px}
.accountingEditor .accountingField{gap:8px;margin:3px 0;min-height:22px}
.accountingEditor .accountingField>span{min-width:0;width:95px;flex:0 0 95px}
.accountingEditor .accountingHeader>fieldset:first-child .accountingField>span{width:60px;flex-basis:60px}
.accountingEditor .accountingField>input,.accountingEditor .accountingField>select{box-sizing:border-box;width:132px;height:22px;line-height:18px;padding:1px 4px;font:inherit}
.accountingEditor .accountingHeader>fieldset:nth-child(2) select{width:110px}
.accountingEditor .accountingHeader input[readonly]{background:#f5f5f5;text-align:right}
.accountingScope{display:block;margin:3px 0 0 68px;border:0;background:transparent;color:inherit;padding:0;font:inherit;min-height:20px}
.accountingBalanceAccount{min-height:25px;margin:2px 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.accountingEditorTabs{gap:0;flex:none;margin-top:4px;border-bottom:1px solid #aaa}
.accountingEditorTabs button{font:inherit;border:1px solid #aaa;border-radius:4px 4px 0 0;background:#eee;padding:3px 8px;min-height:22px}
.accountingDetailTab{flex:1 1 45%;min-height:230px;background:#fff;border:1px solid #aaa}
.accountingLineGrid{min-height:230px}
.accountingLineGrid .qgridToolbar,.accountingLineGrid .qgridPager,.accountingLineGrid .qgridSummary,.accountingLineGrid thead tr:nth-child(2){display:none}
.accountingLineGrid.qgridCompactToolsOpen .qgridToolbar,.accountingLineGrid.qgridCompactToolsOpen thead tr:nth-child(2){display:flex}
.accountingLineGrid.qgridCompactToolsOpen thead tr:nth-child(2){display:table-row}
.accountingLineGrid.qgridCompactPaged .qgridPager{display:flex}
.accountingLineGrid .qgridTable td{height:22px;padding:0 4px}
.accountingLineGrid td input,.accountingLineGrid td select{box-sizing:border-box;min-width:0;width:100%;height:21px;padding:1px 2px;font:inherit;line-height:18px;border-radius:0}
.accountingAccountCell{display:flex;align-items:center;min-width:0}
.accountingAccountCell input{flex:1;min-width:0}
.accountingAccountCell button{flex:none;border:0;background:transparent;color:inherit;height:21px}
.accountingEditor .accountingFooter{flex:0 0 25%;min-height:150px;display:grid;grid-template-columns:43fr 57fr;align-items:stretch;padding:0;gap:4px;border-top:1px solid #aaa}
.accountingDescription{display:flex;flex-direction:column}
.accountingEditor .accountingDescription textarea{flex:1;width:100%;min-height:100px;box-sizing:border-box;resize:none;padding:3px;border:1px solid #bbb;background:#fff;font:inherit}
.accountingEditorTotals .accountingField{margin:12px auto 0;max-width:265px}
.accountingEditorTotals output{display:block;box-sizing:border-box;width:132px;min-height:22px;line-height:20px;text-align:right;padding:0 4px;background:#f7f7f7;border:1px solid #c6c6c6;border-radius:3px;font-weight:400}
.accountingEditor>.accountingCommands{flex:none;padding:7px 5px;gap:6px;align-items:center}
.accountingEditor>.accountingCommands button{font:inherit;min-width:78px;min-height:27px;border:1px solid #c0c0c0;background:#fff;border-radius:3px;padding:3px 9px}
.accountingEditor>.accountingCommands button:first-child{margin-right:auto}
.accountingEditor>.accountingCommands button:nth-last-child(3){margin-right:12%}
.accountingEditor>.accountingStatus{flex:none;padding:0 5px 3px;font-size:10px}
@media(max-width:850px){.accountingEditor .accountingHeader{grid-template-columns:1fr 1fr;max-height:none;flex-basis:auto}.accountingEditor .accountingHeader fieldset:last-child{grid-column:1/-1}.accountingEditor .accountingFooter{grid-template-columns:1fr 1fr;flex-basis:auto}.accountingEditor>.accountingCommands button:nth-last-child(3){margin-right:0}}
@media(max-width:550px){.accountingEditor .accountingHeader,.accountingEditor .accountingFooter{grid-template-columns:1fr}.accountingEditor .accountingHeader fieldset:last-child{grid-column:auto}}
.accountingDetailTab{display:flex;flex-direction:column}
.accountingLineGrid{flex:1;min-height:180px;height:auto}
.accountingLineTotals{display:flex;gap:2px;flex:none;min-height:34px;padding:4px 0 4px 402px;border-top:1px solid #bcbcbc;background:#f1f1f1}
.accountingLineTotals output{box-sizing:border-box;width:101px;padding:5px;text-align:right;background:white;border:1px solid #ccc;border-radius:3px;font-variant-numeric:tabular-nums}
.accountingLineGrid td .accountingAccountName{display:block;width:100%;height:21px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;color:inherit;padding:1px 2px;font:inherit}
.accountingLineGrid td input[inputmode=decimal]{text-align:right}
@media(max-width:700px){.accountingLineTotals{padding-left:8px;justify-content:flex-end}}
/* Voucher list: ERP reference layout; shared grid storage and commands remain active. */
.accountingPage{gap:4px;background:#e9e9e9;color:#17324f;font:11px Tahoma,'Segoe UI',sans-serif;overflow:hidden}
.accountingPage>.accountingMain{gap:0}
.accountingPage>.accountingActions{display:flex;flex-direction:column;width:clamp(290px,19vw,390px);flex:0 0 clamp(290px,19vw,390px);padding:0 4px;box-sizing:border-box;background:#e9e9e9;overflow:auto;border-left:1px solid #bababa}
.accountingTiles{box-sizing:border-box;min-height:96px;flex:none;align-items:flex-start;gap:12px;padding:26px 20px 16px;flex-wrap:wrap}
.accountingTiles button:not(.accountingDifferenceFilter){display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;box-sizing:border-box;min-height:56px;width:56px;height:56px;padding:6px 9px;background:#4686b0;color:#fff;border:0;font:10px Tahoma,sans-serif;text-align:left;line-height:12px}
.accountingTiles button img{width:16px;height:16px;object-fit:contain}
.accountingTiles button.active{background:green}
.accountingTiles button.accountingDifferenceFilter{align-self:center;min-height:22px;background:transparent;color:#b1221b;border:0;text-decoration:underline;padding:0;max-width:none;font:inherit}
.accountingList{flex:1;min-height:220px;border:1px solid #aaa}
.accountingList .qgridSummary,.accountingPreview .qgridSummary{display:none}
.accountingList.qgridCompact:not(.qgridCompactToolsOpen) thead tr:nth-child(2){display:table-row}
.accountingList.qgridCompact:not(.qgridCompactToolsOpen) .qgridToolbar{display:none}
.accountingList .qgridTable th,.accountingList .qgridTable td{height:22px;padding:1px 4px}
.accountingList .qgridFilter input{height:18px}
.accountingList .qgridFilter select{width:20px}
.accountingList .qgridCheckFilter{max-height:19px;font-size:10px}
.accountingListCount{display:block;flex:none;box-sizing:border-box;height:38px;padding:6px 0 5px 140px;border:1px solid #bbb;border-top:0;background:#f1f1f1;font-variant-numeric:tabular-nums}
.accountingListCount::first-line{background:#fff}
.accountingScopeIcon{display:block;width:16px;height:16px;object-fit:contain;margin:auto}
.accountingList .qgridTable input[type=checkbox]{width:13px;height:13px;margin:0;accent-color:#0876c1}
.accountingList .qgridTable tr>*:first-child{position:relative}
.accountingList .qgridTable tr>*:first-child input{opacity:0}
.accountingList .qgridTable tr:hover>*:first-child input,.accountingList .qgridTable tr>*:first-child input:focus,.accountingList .qgridTable tr>*:first-child input:checked{opacity:1}
.accountingList .qgridTable tr.qgridSelected>td:first-child::before{content:'▷';position:absolute;left:3px;pointer-events:none}
.accountingList .qgridTable tr.qgridSelected:hover>td:first-child::before,.accountingList .qgridTable tr.qgridSelected>td:first-child:has(input:checked)::before{display:none}
.accountingPreview{flex:0 0 24%;height:auto;min-height:170px;border:1px solid #aaa;background:#fff}
.accountingPreview .qgridTable td,.accountingPreview .qgridTable th{height:22px;padding:1px 4px}
.accountingPreview .qgridTable tfoot td{height:32px;background:#f3f3f3;border-top:1px solid #ccc}
.accountingPreview .qgridTable tfoot td:not(.qgridNumeric){color:transparent}
.accountingPreview .qgridTable tfoot td.qgridNumeric{font-weight:400}
.accountingPreview .qgridTable tr>*:first-child{width:24px;color:transparent}
.accountingTotals{display:flex;gap:70px;flex:none;min-height:25px;align-items:center;padding:3px 6px;box-sizing:border-box;border-top:1px solid #bbb;font-size:11px;white-space:normal}
.accountingTotals:empty{display:none}
.accountingDifference{color:darkgreen}
.accountingPage>.accountingMain>.accountingStatus{padding:0 5px;min-height:0}
.accountingPage>.accountingMain>.accountingStatus:empty{display:none}
.accountingNewDocument{flex:none;box-sizing:border-box;height:133px;min-width:0;padding:3px;margin:0 0 10px;border:1px solid #b9b9b9;border-radius:3px}
.accountingNewDocument legend{font:11px Tahoma,sans-serif;padding:0 3px}
.accountingNewDocument select{display:block;box-sizing:border-box;width:100%;height:21px;padding:0 3px;margin:2px 0;font:11px Tahoma,sans-serif;border:1px solid #bbb;border-radius:3px;background:white;color:inherit}
.accountingActionGroups{flex:1}
.accountingActions .actionGroup{padding:0 4px 12px}
.accountingActions .actionGroup h3{margin:0 0 8px;font:700 12px Tahoma,sans-serif}
.accountingActions .actionGroup button{display:flex;align-items:center;gap:10px;height:38px;min-height:38px;padding:3px 8px;border:0;background:transparent;color:inherit;font:11px Tahoma,sans-serif;text-align:left;width:100%}
.accountingActions .actionGroup button .moduleIcon{width:28px;height:28px;object-fit:contain}
.accountingActions .accountingPreviewToggle{flex:none;margin:8px 0 20px;gap:4px;flex-direction:row-reverse;justify-content:flex-end;font-size:11px}
.accountingActions .accountingPreviewToggle>span{min-width:0;width:auto}
.accountingActions .accountingPreviewToggle>input{width:14px;height:14px;margin:0;accent-color:#0876c1}
@media(max-width:1000px){.accountingPage>.accountingActions{width:225px;flex-basis:225px}.accountingTiles{padding:16px 10px 10px;gap:7px}.accountingTotals{gap:20px}}
@media(max-width:700px){.accountingPage>.accountingActions{width:165px;flex-basis:165px}.accountingNewDocument{height:110px}.accountingTiles{gap:5px;padding:8px 4px;min-height:76px}.accountingTiles button:not(.accountingDifferenceFilter){width:50px}.accountingTotals{gap:8px;flex-wrap:wrap}.accountingActions .actionGroup button{padding:2px;gap:4px}}
.accountingListFooter{flex:none;height:38px;border:1px solid #bbb;border-top:0;background:#f1f1f1;box-sizing:border-box;padding:5px 0 5px 140px}
.accountingListCount{display:block;width:68px;height:26px;min-height:0;padding:5px;border:1px solid #ccc;border-radius:3px;background:white;text-align:right;box-sizing:border-box}
.accountingPreview .qgridTable{height:100%}
.accountingPreview .qgridTable tbody::after{content:'';display:table-row;height:100%}
.accountingTiles button:not(.accountingDifferenceFilter){padding:5px 7px;font-size:9px;line-height:10px}
.accountingPage .accountingDifferenceFilter[hidden]{display:none}