/*
 * New Book Acquisition – default styles.
 * Override the variables below (Settings → New Book Acquisition → Custom CSS), e.g.
 *   .nba { --nba-accent: #0a7; --nba-font-size: 14px; }
 */
.nba {
	--nba-accent: #1d4e89;
	--nba-accent-text: #fff;
	--nba-tab-bg: #f1f3f5;
	--nba-tab-text: #333;
	--nba-border: #d8dde3;
	--nba-head-bg: #1d4e89;
	--nba-head-text: #fff;
	--nba-row-alt: #f7f9fb;
	--nba-row-hover: #eaf1f8;
	--nba-font-size: 15px;
	--nba-cell-padding: 8px 12px;
	--nba-radius: 6px;
	--nba-max-height: 70vh; /* table scrolls inside this height so the header stays visible */
	font-size: var(--nba-font-size);
}
.nba-tabs { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: -1px; }
.nba-tab {
	appearance: none; cursor: pointer; font: inherit;
	padding: 8px 16px; color: var(--nba-tab-text); background: var(--nba-tab-bg);
	border: 1px solid var(--nba-border); border-radius: var(--nba-radius) var(--nba-radius) 0 0;
}
.nba-tab:hover { filter: brightness(.96); }
.nba-tab.is-active { background: var(--nba-accent); color: var(--nba-accent-text); border-color: var(--nba-accent); }
.nba-tab:focus-visible { outline: 2px solid var(--nba-accent); outline-offset: 2px; }

/* Tabbed display only once JS is running; without it all tables are listed. */
.nba-js .nba-panel { display: none; }
.nba-js .nba-panel.is-active { display: block; }
.nba:not(.nba-js) .nba-panel { margin-top: 1em; }

.nba-table-wrap { overflow: auto; max-height: var(--nba-max-height); border: 1px solid var(--nba-border); }
.nba-table { width: 100%; border-collapse: collapse; margin: 0; }
.nba-table th, .nba-table td { padding: var(--nba-cell-padding); text-align: left; vertical-align: top; border: 0; border-bottom: 1px solid var(--nba-border); }
.nba-table thead th { position: sticky; top: 0; z-index: 1; background: var(--nba-head-bg); color: var(--nba-head-text); white-space: nowrap; }
.nba-table tbody tr:nth-child(even) { background: var(--nba-row-alt); }
.nba-table tbody tr:hover { background: var(--nba-row-hover); }
.nba-col-num { width: 3em; }
.nba-col-year { white-space: nowrap; }
.nba-col-call { white-space: nowrap; }
.nba-empty { font-style: italic; }