.transaction-row{display:grid;grid-template-columns:76px minmax(180px,1fr) 102px 112px 54px;align-items:center;gap:10px;min-height:58px;padding:9px 1px;border-bottom:1px solid var(--border);color:inherit;text-decoration:none}.transaction-row:last-of-type{border-bottom:0}.transaction-main small{display:block;margin-top:2px;color:var(--muted);font-size:.74rem}.transaction-main b{font-size:.87rem}.transaction-kind{color:var(--muted);font-size:.75rem}.transaction-amount{text-align:right;font-size:.86rem;font-weight:700;font-variant-numeric:tabular-nums}.transaction-row time{color:var(--muted);font-size:.73rem}.filters{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr)) auto;align-items:end;gap:8px}.filters label{margin:0}.account-directory{padding:0;overflow:hidden}.account-group+.account-group{border-top:1px solid var(--border)}.account-group-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 18px;background:var(--surface-2)}.account-group-heading h2{margin:0 0 2px}.account-group-heading small{display:block;color:var(--muted);font-size:.73rem}.account-group-heading>strong{font-size:.98rem;font-variant-numeric:tabular-nums}.account-list{padding:0 18px}.account-row{display:grid;grid-template-columns:minmax(0,1fr) auto 10px;align-items:center;gap:12px;min-height:50px;padding:8px 0;border-bottom:1px solid var(--border);color:inherit;text-decoration:none}.account-row:last-child{border-bottom:0}.account-row b,.account-row small{display:block}.account-row b{font-size:.88rem}.account-row small{margin-top:2px;color:var(--muted);font-size:.73rem}.account-row>strong{font-size:.86rem;font-variant-numeric:tabular-nums}.account-row>span:last-child{color:#98a2b3;font-size:1.1rem}.account-row:hover b{color:var(--primary)}.compact-empty{margin:0;padding:11px 0;color:var(--muted);font-size:.78rem}
@media(max-width:900px){.filters{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.filters{grid-template-columns:1fr}.transaction-list{padding:9px 13px}.transaction-row{grid-template-columns:1fr auto;gap:3px 10px;padding:10px 0}.transaction-row time,.transaction-main{grid-column:1}.transaction-kind,.transaction-amount,.transaction-row .badge{grid-column:2}.transaction-row time{grid-row:1}.transaction-kind{grid-row:1}.transaction-main{grid-row:2/4}.transaction-amount{grid-row:2}.transaction-row .badge{grid-row:3}.account-group-heading{padding:11px 13px}.account-list{padding:0 13px}.account-group-heading small{max-width:220px}}

/* Readable account directory */
.accounts-heading{margin-bottom:14px}
.account-directory{border-color:#d9dde2;box-shadow:none}
.account-group+.account-group{border-top:5px solid var(--bg)}
.account-group-heading{padding:14px 18px;border-bottom:1px solid var(--border);background:#f1f2f4}
.account-group-heading h2{font-size:1.05rem;letter-spacing:-.01em}
.account-group-heading small{font-size:.8rem;line-height:1.35}
.account-group-heading>strong{font-size:1.08rem;color:var(--text)}
.account-group-held .account-group-heading{border-left:4px solid #8b929b}
.account-group-advanced .account-group-heading{border-left:4px solid #555c65}
.account-row{min-height:58px;padding:10px 2px}
.account-row b{font-size:1rem;line-height:1.3}
.account-row small{font-size:.8rem;line-height:1.35}
.account-row .account-balance{font-size:1rem;font-weight:750;letter-spacing:-.01em}
.account-group-advanced .account-balance{color:#343940}
.account-group-settled{opacity:.78}
@media(max-width:600px){.account-group-heading{align-items:flex-start;padding:12px 13px}.account-group-heading>strong{padding-top:2px}.account-row{min-height:56px}.account-row b,.account-row .account-balance{font-size:.95rem}}