.ac-layout {
	display: grid;
	grid-template-columns: 200px 1fr;
	gap: var(--space-4);
	align-items: start;
	max-width: 1100px;
	margin-inline: auto;
	padding: var(--space-7) var(--space-8);

	@media (--below-lg) {
		max-width: 100%;
	}

	@media (--below-md) {
		grid-template-columns: 1fr;
		padding: var(--space-4);
	}
}

/* ── Main content area ── */
.ac-main {
	background: var(--ac-white);
	border: 0.5px solid var(--ac-border);
	border-radius: var(--ac-radius-lg);
	padding: var(--space-5) var(--space-6);
	min-block-size: 400px;

	@media (--below-md) {
		overflow-y: visible;
	}
}

/* ── Page header ── */
.ac-page-header {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	padding-block-end: 0.9rem;
	margin-block-end: 1.1rem;
	border-block-end: 0.5px solid var(--ac-border);

	& h2 {
		font-size: var(--text-md);
		font-weight: var(--weight-medium);
		color: var(--ac-text);
		flex: 1;
		margin: 0;
	}

	&__icon {
		display: flex;
		align-items: center;
		flex-shrink: 0;

		& svg {
			inline-size: 14px;
			block-size: 14px;
			stroke: var(--ac-primary);
		}
	}

	&__actions {
		display: flex;
		align-items: center;
		gap: var(--space-2);
	}
}

/* ── Stat cards ── */
.ac-stat-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-3);
	margin-block-end: 1.75rem;

	@media (--below-md) {
		grid-template-columns: repeat(2, 1fr);
	}

	@media (--below-sm) {
		grid-template-columns: 1fr;
	}
}

.ac-stat-card {
	background: var(--ac-bg);
	border: 0.5px solid var(--ac-border);
	border-radius: var(--ac-radius-lg);
	padding: 14px var(--space-4);

	&__label {
		font-size: var(--text-xs);
		color: var(--ac-text-muted);
		margin-block-end: var(--space-1) + 2px;
		text-transform: uppercase;
		letter-spacing: var(--tracking-wide);
		font-weight: var(--weight-medium);
	}

	&__value {
		font-size: var(--text-stat);
		font-weight: var(--weight-medium);
		color: var(--ac-text);
		line-height: var(--leading-tight);
	}

	&__sub {
		font-size: var(--text-xs);
		color: var(--ac-text-muted);
		margin-block-start: var(--space-1);
	}
}

/* ── Detail grid ── */
.ac-detail-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(var(--space-2) + 2px);
	margin-block-end: var(--space-4);

	@media (--below-sm) {
		grid-template-columns: 1fr;
	}
}

.ac-detail-item {
	background: var(--ac-bg);
	border-radius: var(--ac-radius);
	padding: calc(var(--space-2) + 2px) var(--space-3);

	&__label {
		font-size: var(--text-xs);
		color: var(--ac-text-hint);
		margin-block-end: 3px;
	}

	&__value {
		font-size: var(--text-base);
		font-weight: var(--weight-medium);
		color: var(--ac-text);
	}
}

/* ── Form grid ── */
.ac-form-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(var(--space-2) + 2px);
	margin-block-end: calc(var(--space-2) + 2px);

	@media (--below-sm) {
		grid-template-columns: 1fr;
	}
}

.ac-form-full {
	grid-column: 1 / -1;

	@media (--below-sm) {
		grid-column: 1;
	}
}