/* ==========================================
   TABLES
   ========================================== */
.table {
	display: grid;
	gap: var(--gap-sm);
}

.table__row {
	display: grid;
	grid-template-columns: 2fr 0.7fr 1fr 1fr 1.6fr;
	gap: var(--gap-lg);
	align-items: center;
	padding: 10px 14px;
	border: 1px solid var(--glass-border);
	border-radius: var(--radius);
	background: var(--glass);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	transition: all 0.15s ease;
}

.table__row:hover {
	border-color: rgba(var(--accent-rgb), 0.2);
	background: rgba(var(--accent-rgb), 0.03);
}

.table__row--current {
	border-color: rgba(var(--accent-rgb), 0.35);
	background: rgba(var(--accent-rgb), 0.08);
	font-weight: 600;
}
.table__row--current:hover {
	background: rgba(var(--accent-rgb), 0.12);
}

.table--two .table__row {
	grid-template-columns: 2fr 1fr;
}

.table--history-economy .table__row {
	grid-template-columns: 1fr 2.2fr 0.8fr;
}

.table__row--head {
	font-weight: 700;
	background: rgba(var(--surface-rgb), 0.7);
	border-color: var(--border);
	text-transform: uppercase;
	font-size: var(--font-note);
	letter-spacing: 0.04em;
	color: var(--muted);
}

.table__row--head:hover {
	transform: none;
	background: rgba(var(--surface-rgb), 0.7);
}

.cell-right {
	text-align: right;
	justify-self: end;
}

.table--admin-actions .table__row {
	grid-template-columns: minmax(150px, 1fr) 100px minmax(0, 3fr);
	align-items: start;
	font-size: var(--font-note);
}