#chartAccountsTable.ac-chart-tree { display:block; border:1px solid #e0e7f1; border-radius:12px; overflow:auto; background:#fff; }
#chartAccountsTable .ac-tree-tools { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 14px; background:#f7f9fc; border-bottom:1px solid #e0e7f1; color:#60738f; font-size:12px; }
#chartAccountsTable .ac-tree-tools>div { display:flex; gap:6px; }
#chartAccountsTable .ac-tree-tools button,#chartAccountsTable .ac-tree-toggle { width:auto; min-width:28px; min-height:28px; padding:3px 8px; margin:0; background:white; color:#20314d; border:1px solid #dce5f0; border-radius:6px; box-shadow:none; font-size:12px; }
#chartAccountsTable .ac-tree-row { display:grid; grid-template-columns:minmax(280px,1fr) 125px 120px 65px 60px; align-items:center; gap:12px; min-height:48px; padding:8px 14px; border-bottom:1px solid #edf1f6; color:#20314d; font-size:12px; }
#chartAccountsTable .ac-tree-row:hover { background:#f7f9fc; }
#chartAccountsTable .ac-tree-identity { display:flex; align-items:center; gap:9px; padding-inline-start:calc(var(--ac-depth)*22px); min-width:0; }
#chartAccountsTable .ac-tree-identity strong { overflow-wrap:anywhere; font-weight:600; }
#chartAccountsTable .ac-tree-toggle { flex-shrink:0; }
#chartAccountsTable .ac-tree-leaf { width:28px; flex-shrink:0; text-align:center; color:#a0adc0; }
#chartAccountsTable .ac-tree-code { font-variant-numeric:tabular-nums; color:#60738f; font-weight:600; }
#chartAccountsTable .ac-tree-badge { font-size:11px; border-radius:5px; padding:4px 7px; background:#f1f4f8; text-align:center; }
#chartAccountsTable .ac-tree-state { color:#138269; font-size:11px; }
#chartAccountsTable .ac-tree-inactive { color:#a15f65; }
#chartAccountsTable .ac-tree-context { color:#6d7d93; }
#chartAccountsTable button:focus-visible { outline:2px solid #b51e35; outline-offset:2px; }
@media(max-width:760px) { #chartAccountsTable .ac-tree-row { grid-template-columns:minmax(210px,1fr) 100px 60px; gap:6px; } #chartAccountsTable .ac-tree-row>span:first-of-type,#chartAccountsTable .ac-tree-state { display:none; } #chartAccountsTable .ac-tree-identity { padding-inline-start:calc(var(--ac-depth)*12px); gap:5px; } }