/* Macrolyx — Central Banks cards. */

.mlx-cbank {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
}

/* ---------------- Banks table ---------------- */

.mlx-cbank-body {
	flex: 1 1 auto;
	overflow: auto;
	min-height: 0;
	transition: opacity .18s ease;
}

.mlx-cbank-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
}
.mlx-cbank-table th {
	position: sticky;
	top: 0;
	background: rgba(10, 16, 30, .92);
	color: var(--mlx-muted);
	text-align: start;
	font-weight: 600;
	font-size: 10.5px;
	text-transform: uppercase;
	letter-spacing: .04em;
	padding: 7px 10px;
	border-bottom: 1px solid var(--mlx-border);
	white-space: nowrap;
}
.mlx-cbank-table td {
	padding: 8px 10px;
	border-bottom: 1px solid rgba(255, 255, 255, .05);
	color: var(--mlx-text);
	white-space: nowrap;
	vertical-align: middle;
}
.mlx-cbank-table tr:hover td { background: rgba(255, 255, 255, .03); }

.mlx-cbank-name { display: flex; align-items: center; gap: 8px; }
.mlx-cbank-name b { color: var(--mlx-accent); }
.mlx-cbank-flag {
	width: 18px;
	height: 13px;
	object-fit: cover;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .12);
	flex: 0 0 18px;
}
.mlx-cbank-rate { font-weight: 700; font-variant-numeric: tabular-nums; }
.mlx-cbank-meet { color: var(--mlx-muted); font-variant-numeric: tabular-nums; }

.mlx-cbank-stance {
	display: inline-block;
	padding: 2px 9px;
	border-radius: 999px;
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: .03em;
}
.mlx-cbank-stance.is-hawk {
	color: var(--mlx-short);
	background: rgba(var(--mlx-short-rgb), .16);
	text-shadow: 0 0 8px var(--mlx-short);
}
.mlx-cbank-stance.is-dove {
	color: var(--mlx-long);
	background: rgba(var(--mlx-long-rgb), .16);
	text-shadow: 0 0 8px var(--mlx-long);
}
.mlx-cbank-stance.is-neutral {
	color: var(--mlx-muted);
	background: rgba(255, 255, 255, .07);
}

.mlx-cbank-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: var(--mlx-muted);
	font-size: 12px;
	padding: 20px;
	text-align: center;
}

/* ---------------- History card ---------------- */

.mlx-cbank-toolbar {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	padding: 0 0 8px;
}
.mlx-cbank-ranges { display: flex; gap: 4px; }

.mlx-cbank-chart {
	flex: 1 1 auto;
	min-height: 0;
	transition: opacity .18s ease;
}