.wh-op-head {
	margin-bottom: 18px;
}
.wh-op-meta {
	display: grid;
	grid-template-columns: 140px 140px 1fr;
	gap: 14px;
}

.wh-op-table {
	border: 1px solid var(--border);
	border-radius: 12px;
	overflow: hidden;
	background: var(--bg-1);
	margin-bottom: 16px;
}
.wh-op-head-row {
	display: grid;
	grid-template-columns: 1.8fr 90px 130px 110px 110px 70px 36px;
	gap: 10px;
	padding: 10px 14px;
	border-bottom: 1px solid var(--border);
	background: var(--bg);
	font-size: 10.5px;
	color: var(--fg-mute);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	align-items: center;
}
.wh-op-head-row.kind-inventory {
	grid-template-columns: 1.8fr 90px 130px 110px 36px;
}
.wh-op-head-row.kind-writeoff {
	grid-template-columns: 1.8fr 90px 130px 36px;
}
.wh-op-row {
	display: grid;
	grid-template-columns: 1.8fr 90px 130px 110px 110px 70px 36px;
	gap: 10px;
	padding: 8px 14px;
	border-bottom: 1px dashed var(--border);
	align-items: center;
}
.wh-op-row.kind-inventory {
	grid-template-columns: 1.8fr 90px 130px 110px 36px;
}
.wh-op-row.kind-writeoff {
	grid-template-columns: 1.8fr 90px 130px 36px;
}
.wh-op-row:last-of-type {
	border-bottom: none;
}
.wh-op-row .text-input {
	padding: 7px 10px;
	font-size: 13px;
}
.wh-op-balance {
	font-size: 12px;
	color: var(--fg-dim);
	letter-spacing: 0.02em;
}
.wh-op-balance .dim {
	color: var(--fg-mute);
}
.wh-op-num {
	position: relative;
	display: flex;
	align-items: center;
}
.wh-op-num .text-input {
	padding-right: 36px;
}
.wh-op-unit {
	position: absolute;
	right: 10px;
	font-size: 11px;
	color: var(--fg-mute);
	pointer-events: none;
}
.wh-op-sum {
	font-size: 13px;
	text-align: right;
	font-weight: 500;
}
.wh-op-sum .cur {
	font-family: "Onest", sans-serif;
	font-size: 11px;
	color: var(--fg-dim);
	margin-left: 1px;
	font-weight: 400;
}
.wh-op-diff {
	text-align: right;
	font-size: 13px;
	font-weight: 500;
}
.wh-op-diff.up {
	color: oklch(0.55 0.16 145);
}
.wh-op-diff.down {
	color: oklch(0.55 0.16 25);
}
[data-theme="dark"] .wh-op-diff.up {
	color: oklch(0.78 0.13 145);
}
[data-theme="dark"] .wh-op-diff.down {
	color: oklch(0.78 0.14 25);
}
.wh-op-diff .dim {
	color: var(--fg-mute);
}