/* Additional functions in the original soft visual style. */
:root{--text-primary:var(--ink);--text-secondary:var(--muted);--layer:#fff;--border-subtle:var(--line);--interactive:#3c3c38;--support-success:#287748;--ai:#7543b3;--ai-hover:#61359a;--ai-text:#7543b3;--ai-layer:#f7f2fc;--ai-border:#dfd1ef}
.editor-field{min-width:0}.editor-field-label{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}.editor-field-label label{margin:0}.editor-field input,.editor-field select{display:block;width:100%;margin-top:8px}.editor-field-label .mega-evidence-button{margin:0}
.signature-tag{display:inline-flex;align-items:center;padding:3px 7px;border-radius:5px;font-size:11px;line-height:18px;white-space:nowrap}
tbody tr.signature-row--signed{background:#f5faf5}tbody tr.signature-row--unsigned{background:#fff7f7}tbody tr.signature-row--pending{background:#fffcf2}tbody tr.signature-row--unknown{background:#fff}tbody tr[class*='signature-row--']:hover{background:#f4f4f0}tbody tr[class*='signature-row--']:has(input[data-select]:checked){background:#efefeb}
.ai-button,button.ai-button,.primary.ai-button{background:var(--ai);border:1px solid var(--ai);color:#fff;border-radius:8px}.ai-button:hover,button.ai-button:hover{background:var(--ai-hover);border-color:var(--ai-hover);color:#fff}.ai-button:focus-visible{outline-color:var(--ai)}.nav.ai-nav{color:var(--ai-text)}.nav.ai-nav:hover,.nav.ai-nav.active{background:var(--ai-layer)}
.ai-label-static{display:inline-flex;align-items:center;padding:1px 6px;border:1px solid var(--ai-border);border-radius:5px;background:var(--ai-layer);color:var(--ai-text);font-size:10px;line-height:18px;font-weight:550}
.ai-progress{padding:16px;margin:16px 0;border:1px solid var(--ai-border);border-radius:8px;background:var(--ai-layer);color:var(--ai-text)}.ai-progress progress{display:block;width:100%;height:5px;margin:12px 0 0;accent-color:var(--ai)}
.ai-job-progress{min-width:250px;max-width:620px;padding:8px 0;color:var(--ink);white-space:normal;font-size:12px;line-height:1.5}.ai-job-stage{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--ai-text);font-size:12px;font-weight:550}.ai-job-fields{display:flex;flex-wrap:wrap;gap:6px}.ai-job-field{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:var(--surface);font-size:11px;line-height:18px}.ai-job-field--processing,.ai-job-field--recognized{color:var(--ai-text);background:var(--ai-layer);border-color:var(--ai-border)}.ai-job-field--needs_review{color:#89682b;background:#fff8e6;border-color:#ead59e}.ai-job-field--failed{color:#a33f45;background:#fff1f1;border-color:#ebc3c6}.ai-job-message{margin:8px 0 0;color:var(--muted);overflow-wrap:anywhere}.ai-upload-file{padding:12px 0;border-bottom:1px solid var(--ai-border)}.ai-upload-file:last-child{border-bottom:0}.ai-upload-file strong{display:block;color:var(--ink);font-size:13px;overflow-wrap:anywhere}.ai-upload-file p{margin:4px 0 0;font-size:12px}.ai-notice{padding:12px 14px;border-radius:8px;background:var(--ai-layer);color:var(--ai-text)}
.sidebar-upload-actions{display:grid;gap:7px;padding:0 0 12px;margin-bottom:6px;border-bottom:1px solid var(--line)}.sidebar-upload-actions .nav{width:100%;border:1px solid #dededb;background:#fff;color:var(--ink)}.sidebar-upload-actions .nav.ai-nav{color:var(--ai-text);background:var(--ai-layer);border-color:var(--ai-border)}.sidebar-upload-actions .nav:hover{background:var(--hover)}.sidebar-upload-actions .nav.ai-nav:hover{background:#eee4f7}.document-origin{display:block;margin-top:5px}.document-source-values{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:5px;color:var(--muted);font-size:11px}.document-source-values span{display:inline-flex;align-items:center;gap:3px}
.button-link{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid #dededb;border-radius:8px;background:#fff;text-decoration:none;font-size:13px}.button-link:hover{background:var(--hover)}
/* Match the retained design.css shell and controls on the additional pages. */
:is(.categories-page,.folders-page,.reconciliation-page) .content{max-width:1500px;padding:32px;width:100%}:is(.categories-page,.folders-page,.reconciliation-page) .shell{grid-template-columns:224px minmax(0,1fr)}:is(.categories-page,.folders-page,.reconciliation-page) aside{gap:9px;padding:24px 12px;background:var(--surface)}:is(.categories-page,.folders-page,.reconciliation-page) .crumb{height:62px;padding:0 32px}:is(.categories-page,.folders-page,.reconciliation-page) .tablewrap{border-radius:10px}:is(.categories-page,.folders-page,.reconciliation-page) th{background:#f8f8f6;color:#666660;font-weight:450}:is(.categories-page,.folders-page,.reconciliation-page) td{padding:9px 12px!important}:is(.categories-page,.folders-page,.reconciliation-page) dialog{border:1px solid var(--line);border-radius:12px}:is(.categories-page,.folders-page,.reconciliation-page) .drop{background:#fafaf8;border-color:#bdbdb5;border-radius:8px}
.custom-category-card,.folder-card{border-radius:12px}.category-example-book,.category-readiness,.folder-summary,.folder-slot-details,.folder-preview,.folder-notice,.contact-strip,.reconcile-summary,.empty-state{border-radius:10px}.custom-category-card,.folder-card{padding:24px}.custom-field-editor{border-radius:8px;background:var(--surface)}.category-field-chip,.category-record-state,.folder-full-tag{border-radius:5px}.category-field-chip,.category-record-state{background:#f2f2ef}.category-source-pane iframe{border-radius:8px;background:var(--surface)}.folder-meter{background:#e8e8e3;border-radius:3px}.folder-meter span{background:#6c6c62;border-radius:3px}.folder-slots button.occupied{background:#f1f1eb;color:#44443d;border-color:#d9d9d0}.folder-slots button[aria-pressed=true]{background:#42423c;color:#fff;border-color:#42423c}.folder-document-table tr[data-selected=true]{background:#f1f1eb}.numbering-preview-table tr[data-changed=true]{background:#f5f5ef}.numbering-warnings,.category-schema-hint{background:#fff8e6;color:#6f5727;border-radius:8px}.folder-notice{background:#f0f8f0;color:#285838}.statement-list{border-radius:10px;overflow:hidden;background:var(--line)}.statement-choice[aria-pressed=true]{box-shadow:inset 3px 0 #5d5d54;background:#f3f3ef}.summary-item{background:#fff}.summary-item:first-child{border-radius:10px 0 0 10px}.summary-item:last-child{border-radius:0 10px 10px 0}.summary-item strong{font-size:28px}.contact-strip{background:var(--surface)}.contact-strip a,.candidate button,.text-button{color:#3c3c38}.status-tag{border-radius:5px;background:#f2f2ef;color:#64645e}.status-tag.matched{background:#eef7ec;color:#3a7430}.status-tag.missing,.status-tag.invalid{background:#fff0ef;color:#a6463f}.status-tag.ambiguous{background:#fff6df;color:#8b6d29}.status-tag.payment,.status-tag.balance{background:#f2f2ef;color:#64645e}
.counterparty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.counterparty-grid .wide,.counterparty-grid .full{grid-column:1/-1}.counterparty-grid>*{min-width:0}.counterparty-grid input,.counterparty-grid select{width:100%}
#copiesDialog{border:1px solid var(--line);border-radius:12px}#copiesDialog .dialoghead h2{font-size:17px;font-weight:550}.copy-add{background:var(--surface);border-radius:8px}.copies-open{border-radius:5px}
@media(max-width:850px){:is(.categories-page,.folders-page,.reconciliation-page) .shell{grid-template-columns:1fr}:is(.categories-page,.folders-page,.reconciliation-page) aside{padding:14px 18px;flex-direction:row;flex-wrap:wrap;gap:5px}:is(.categories-page,.folders-page,.reconciliation-page) .content{padding:24px 18px}:is(.categories-page,.folders-page,.reconciliation-page) .crumb{display:none}.sidebar-upload-actions{display:flex;gap:6px;padding:0;margin:0;border:0}.sidebar-upload-actions .nav{width:auto}.folder-workbench{grid-template-columns:1fr}}
@media(max-width:520px){.counterparty-grid{grid-template-columns:1fr}.counterparty-grid .wide,.counterparty-grid .full{grid-column:auto}.reconcile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-item:last-child{grid-column:1/-1}.sidebar-upload-actions{flex-basis:100%}}
/* Persistent navigation reuses the original neutral sidebar on every content page. */
.with-sidebar .shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}
.with-sidebar .shell>.workspace{min-width:0}
.with-sidebar .shell>aside{display:flex;position:sticky;top:0;align-self:start;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:7px;width:224px;min-height:100vh;max-height:100vh;overflow:auto;padding:20px 12px;border:0;border-right:1px solid var(--line);background:var(--surface)}
.with-sidebar aside a{text-decoration:none}.with-sidebar aside .nav{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:37px;width:100%;font-size:13px;padding:9px 10px;border:0;background:transparent;text-align:left;white-space:normal;line-height:1.4}.with-sidebar aside .nav:hover{background:var(--hover)}.with-sidebar aside .nav.active{background:#eaeae6;color:#242422}.with-sidebar aside .nav.ai-nav{color:var(--ai-text)}.with-sidebar aside .nav.ai-nav:hover,.with-sidebar aside .nav.ai-nav.active{background:var(--ai-layer)}
.with-sidebar aside .nav [data-icon]{display:inline-flex;flex:none}.with-sidebar aside .nav .ui-icon{width:18px;height:18px}.with-sidebar aside .nav-label{min-width:0}.with-sidebar aside .sidebar-upload-actions{display:grid;gap:7px;padding:0 0 12px;margin:0 0 6px;border-bottom:1px solid var(--line);flex-basis:auto}.with-sidebar aside .sidebar-upload-actions .nav{border:1px solid #dededb;background:#fff}.with-sidebar aside .sidebar-upload-actions .nav.ai-nav{background:var(--ai-layer);border-color:var(--ai-border)}
.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:16px}.with-sidebar aside .brand{display:flex;align-items:center;margin:0;padding:0 3px;font-size:15px;letter-spacing:-.4px;min-width:0;white-space:nowrap}.brand-short{display:none}.sidebar-toggle,body[data-page] .sidebar-toggle{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;padding:5px;border:1px solid transparent;background:transparent;color:#73736d;border-radius:7px}.sidebar-toggle:hover{background:#eaeae6;color:#262626}.sidebar-toggle svg{width:18px;height:18px}.with-sidebar .sidefoot{display:block;margin-top:auto;padding:18px 10px;font-size:11px;line-height:1.6}.with-sidebar .workspace>.crumb{display:flex;align-items:center;gap:12px;min-height:62px;height:auto;padding:16px 26px;border-bottom:1px solid var(--line);background:#fff}.with-sidebar .auth-main{width:100%;max-width:1100px}.with-sidebar .workspace>main{min-width:0}
html[data-sidebar=collapsed] .with-sidebar .shell{grid-template-columns:64px minmax(0,1fr)}html[data-sidebar=collapsed] .with-sidebar .shell>aside{width:64px;padding:18px 7px;gap:6px;overflow-x:hidden}html[data-sidebar=collapsed] .sidebar-heading{flex-direction:column;gap:10px;margin-bottom:8px}html[data-sidebar=collapsed] .brand-label,html[data-sidebar=collapsed] .nav-label,html[data-sidebar=collapsed] .with-sidebar .sidefoot{display:none}html[data-sidebar=collapsed] .brand-short{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#292927;color:#fff;font-size:15px}html[data-sidebar=collapsed] .with-sidebar aside .nav{justify-content:center;padding:10px 8px;min-height:39px}html[data-sidebar=collapsed] .with-sidebar aside .nav .ui-icon{width:19px;height:19px}html[data-sidebar=collapsed] .sidebar-toggle svg{transform:rotate(180deg)}
@media(max-width:850px){.with-sidebar .shell{grid-template-columns:210px minmax(0,1fr)}.with-sidebar .shell>aside{width:210px;padding:18px 10px}.with-sidebar .workspace>.crumb{padding:14px 18px;flex-wrap:wrap}.with-sidebar .content{padding:24px 18px}.with-sidebar .brand{font-size:14px}.with-sidebar .crumb .account-nav{width:auto;margin-left:auto;white-space:normal}}
@media(max-width:520px){.with-sidebar .shell{grid-template-columns:min(210px,58vw) minmax(0,1fr)}.with-sidebar .shell>aside{width:min(210px,58vw)}.with-sidebar aside .brand{font-size:13px}.with-sidebar aside .nav{font-size:12px}.with-sidebar .content,body.registry.with-sidebar main{padding:18px 12px}.with-sidebar .workspace>.crumb{padding:12px}.with-sidebar .crumb>a,.with-sidebar .crumb>span{display:none}.with-sidebar .crumb .account-nav{margin:0;font-size:11px;gap:6px;flex-wrap:wrap}}
