.data-table {
	overflow: hidden;
	border: 1px solid var(--border);
	border-radius: 12px;
	background: var(--nav-bg);
}
.dt-row {
	display: grid;
	grid-template-columns: 90px 70px minmax(0, 1.6fr) 90px 130px 130px 160px 48px;
	gap: 16px;
	padding: 14px 20px;
	align-items: center;
	border-bottom: 1px solid var(--border);
	transition: background 0.12s;
}
.dt-row:last-child {
	border-bottom: none;
}
.dt-row.dt-data:hover {
	background: var(--bg);
}
.dt-row.dt-head {
	background: var(--bg);
	font-size: 10.5px;
	color: var(--fg-mute);
	text-transform: uppercase;
	letter-spacing: 0.12em;
	padding-top: 12px;
	padding-bottom: 12px;
}
.dt-cell {
	min-width: 0;
}
.dt-cell.c-id,
.dt-cell.c-time,
.dt-cell.c-items,
.dt-cell.c-sum {
	font-variant-numeric: tabular-nums;
}
.dt-cell.c-id {
	font-size: 12px;
	color: var(--fg-mute);
}
.dt-cell.c-time {
	font-size: 13px;
}
.dt-cell.c-items {
	font-size: 13px;
	color: var(--fg-dim);
}
.dt-cell.c-sum {
	font-size: 14px;
	font-weight: 500;
}
.dt-cell.c-sum .cur {
	font-family: "Onest", sans-serif;
	font-size: 11px;
	color: var(--fg-dim);
	margin-left: 2px;
	font-weight: 400;
}
.dt-table-name {
	font-size: 13.5px;
	font-weight: 500;
	letter-spacing: -0.01em;
	display: flex;
	align-items: center;
	gap: 8px;
}
.dt-table-kind em {
	font-style: italic;
	color: var(--accent);
	font-size: 14px;
	font-weight: 400;
}
.dt-table-guest {
	font-size: 11px;
	color: var(--fg-mute);
	margin-top: 3px;
}

.dt-row.status-active {
	background: rgba(187, 149, 237, 0.05);
}
.dt-row.status-active:hover {
	background: rgba(187, 149, 237, 0.1);
}

.method-chip {
	display: inline-flex;
	align-items: center;
	padding: 3px 9px;
	font-size: 11.5px;
	font-variant-numeric: tabular-nums;
	border-radius: 6px;
	border: 1px solid var(--border);
	background: var(--bg);
	color: var(--fg-dim);
	letter-spacing: 0.02em;
}
.method-card {
	background: oklch(0.96 0.02 280);
	color: oklch(0.4 0.13 280);
	border-color: oklch(0.85 0.05 280);
}
.method-sbp {
	background: oklch(0.96 0.04 175);
	color: oklch(0.35 0.06 175);
	border-color: oklch(0.85 0.05 175);
}
.method-cash {
	background: rgba(120, 180, 130, 0.12);
	color: oklch(0.42 0.13 145);
	border-color: rgba(120, 180, 130, 0.35);
}

[data-theme="dark"] .method-card {
	background: rgba(187, 149, 237, 0.12);
	color: var(--accent);
	border-color: rgba(187, 149, 237, 0.3);
}
[data-theme="dark"] .method-sbp {
	background: rgba(120, 180, 200, 0.12);
	color: oklch(0.75 0.08 200);
	border-color: rgba(120, 180, 200, 0.3);
}
[data-theme="dark"] .method-cash {
	background: rgba(120, 180, 130, 0.12);
	color: oklch(0.78 0.13 145);
	border-color: rgba(120, 180, 130, 0.3);
}

.status-chip {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 3px 10px;
	font-size: 11.5px;
	font-weight: 500;
	border-radius: 100px;
	letter-spacing: 0.02em;
}
.status-chip .status-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
}
.status-chip .status-timer {
	font-variant-numeric: tabular-nums;
	font-size: 10.5px;
	font-weight: 400;
	margin-left: 4px;
	opacity: 0.8;
}
.status-active {
	background: var(--glow-accent);
	color: var(--accent);
}
.status-active .status-dot {
	background: var(--accent);
	box-shadow: 0 0 0 3px rgba(142, 93, 216, 0.22);
	animation: pulse 1.8s ease-in-out infinite;
}
.status-closed {
	background: rgba(120, 180, 130, 0.16);
	color: oklch(0.42 0.13 145);
}
[data-theme="dark"] .status-closed {
	color: oklch(0.78 0.13 145);
}
.status-refunded {
	background: rgba(216, 100, 100, 0.12);
	color: oklch(0.48 0.16 25);
}
[data-theme="dark"] .status-refunded {
	color: oklch(0.75 0.14 25);
}
.status-pending {
	background: rgba(216, 165, 80, 0.14);
	color: oklch(0.55 0.13 70);
}
[data-theme="dark"] .status-pending {
	color: oklch(0.82 0.13 80);
}

.row-action {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	border: 1px solid var(--border);
	background: var(--bg);
	color: var(--fg-dim);
	cursor: pointer;
	font-size: 14px;
	font-family: inherit;
}
.row-action:hover {
	border-color: var(--accent);
	color: var(--accent);
}