/* Record pages: the list pages and their toolbar (tabs, search, filters, count) and the empty list. */

/* List pages */
.reg-table td{max-width:22.5rem}
.reg-table th{white-space:nowrap}
.coldefs{display:grid;grid-template-columns:max-content 1fr;gap:calc(0.125rem * var(--dz)) var(--space-2);margin:var(--space-2) 0 0;font-size:var(--fs-sm)}
.coldefs dd{margin:0;color:var(--ink-2)}
.check{display:inline-flex;align-items:center;gap:calc(0.375rem * var(--dz));font-size:var(--fs-md);color:var(--ink-2);white-space:nowrap}
.check input{accent-color:var(--m-system)}

/* Toolbar: title and action; tabs; then search, filters, count */
.tabs-row{display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--rule);margin:0 0 calc(0.625rem * var(--dz))}
.tabs-row > :is(.primary-btn,.pop-right,#sf-btn){margin-left:auto}
.tabs-row > #sf-btn + .pop-right{margin-left:0}
/* Underline tabs */
.view-tabs{border:0;margin:0;padding:0;min-width:0}
.view-tabs .seg-opts{gap:var(--space-4)}
.view-tabs label{position:relative;display:inline-flex;align-items:center;gap:calc(0.375rem * var(--dz));height:var(--ctl-h);margin-bottom:calc(-0.0625rem * var(--dz));border-bottom:2px solid transparent;font-size:var(--fs-md);font-weight:var(--fw-strong);color:var(--muted);cursor:pointer;white-space:nowrap}
.view-tabs label:hover{color:var(--ink-2)}
.view-tabs label:has(input:checked){color:var(--ink);border-bottom-color:var(--accent)}
.view-tabs label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}
.reg-filterbar .filters{flex:1 1 20rem}
.reg-filterbar .count{margin-left:auto}
.chg-filter label{font-weight:var(--fw-medium);gap:var(--space-1)}
.chg-filter label:has(input:checked){color:var(--ink)}

/* A list with no rows yet */
.reg-empty{display:flex;align-items:center;gap:calc(2rem * var(--dz));max-width:48rem;margin:var(--space-4) auto;padding:var(--space-4);white-space:normal}
.reg-empty .illus{flex:none;width:clamp(8rem,16vw,12rem)}
.reg-empty h3{margin:0 0 var(--space-2);font-size:var(--fs-xl);color:var(--ink)}
.reg-empty p{margin:0 0 var(--space-3);color:var(--ink-2)}
@media (max-width:45em){.reg-empty{flex-direction:column;align-items:flex-start}}

/* Chart of accounts, parties and the settings lists */
.toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-left:auto}
.coa td.coa-code{white-space:nowrap}
.coa-class td{background:var(--surface-2);font-weight:var(--fw-bold)}
.coa-subclass td{font-weight:var(--fw-strong)}
.coa-subclass td:first-child{padding-left:calc(var(--pad-cell-x) + var(--space-3))}
.coa-type td:first-child{padding-left:calc(var(--pad-cell-x) + var(--space-3) * 2)}
.coa-account td:first-child{padding-left:calc(var(--pad-cell-x) + var(--space-3) * 3)}
.pill-row{display:flex;flex-wrap:wrap;gap:var(--space-1)}
.inline-form{display:inline}
.reopen summary{display:inline-block;cursor:pointer}
.reopen form{display:flex;gap:var(--space-2);margin-top:var(--space-1)}
.reopen input{min-width:0;flex:1}