/* CS2Day 1.7.2: asynchronous moderation and submission preview. */

body.cs2day-v2 .cs2-admin-preview {
	max-height: min(760px, calc(100vh - 32px));
	width: min(720px, calc(100vw - 32px));
}

body.cs2day-v2 .cs2-admin-preview > section {
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	max-height: inherit;
}

body.cs2day-v2 .cs2-admin-preview > section > header {
	align-items: center;
	border-bottom: 1px solid var(--cs2-v2-border);
	display: flex;
	justify-content: space-between;
	padding: 16px 18px;
}

body.cs2day-v2 .cs2-admin-preview header small {
	color: var(--cs2-v2-accent);
	font-size: .64rem;
	font-weight: 800;
	text-transform: uppercase;
}

body.cs2day-v2 .cs2-admin-preview header h2 {
	font-size: 1.15rem;
	margin: 3px 0 0;
}

body.cs2day-v2 [data-cs2-admin-preview-body] {
	overflow-y: auto;
	padding: 18px;
}

body.cs2day-v2 .cs2-admin-preview__content {
	display: grid;
	gap: 18px;
}

body.cs2day-v2 .cs2-admin-preview__content dl {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
}

body.cs2day-v2 .cs2-admin-preview__content dl > div {
	background: var(--cs2-v2-bg-soft);
	border: 1px solid var(--cs2-v2-border);
	border-radius: 5px;
	display: grid;
	gap: 3px;
	padding: 10px 12px;
}

body.cs2day-v2 .cs2-admin-preview__content dt {
	color: var(--cs2-v2-muted);
	font-size: .62rem;
	font-weight: 800;
	text-transform: uppercase;
}

body.cs2day-v2 .cs2-admin-preview__content dd {
	font-size: .82rem;
	font-weight: 700;
	margin: 0;
}

body.cs2day-v2 .cs2-admin-preview__text {
	font-size: .84rem;
	line-height: 1.65;
}

body.cs2day-v2 .cs2-admin-preview__empty,
body.cs2day-v2 .cs2-admin-inbox__error {
	color: var(--cs2-v2-muted);
	font-size: .72rem;
	margin: 0;
}

body.cs2day-v2 .cs2-admin-inbox__error {
	color: var(--cs2-v2-danger, #ff557d);
}

body.cs2day-v2 form[data-cs2-moderation-action] button:disabled {
	cursor: progress;
	opacity: .55;
}

@media (max-width: 640px) {
	body.cs2day-v2 .cs2-admin-preview {
		max-height: calc(100dvh - 16px);
		width: calc(100vw - 16px);
	}

	body.cs2day-v2 .cs2-admin-preview__content dl {
		grid-template-columns: 1fr;
	}
}