/* Custom Code page — aligned with Atomic Elements dashboard tokens */

.aea-custom-code-page .aea-card {
	margin-bottom: 0;
}

.aea-custom-code-page .aea-card-header-stacked {
	flex-direction: column;
	align-items: flex-start;
}

.aea-custom-code-page .aea-code-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.aea-custom-code-page .aea-code-editor-wrapper {
	background: var(--atomel-bg-subtle);
	border: 1px solid var(--atomel-border);
	border-radius: var(--atomel-radius-md);
	padding: 16px;
}

.aea-custom-code-page .aea-code-editor-title {
	font-size: 14px;
	font-weight: 600;
	margin: 0 0 4px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--atomel-border);
	color: var(--atomel-text);
}

.aea-custom-code-page .aea-code-editor-description {
	margin: 0 0 12px;
	color: var(--atomel-text-soft);
	font-size: 12px;
	font-style: italic;
}

.aea-custom-code-page .aea-codemirror-editor-container {
	position: relative;
}

.aea-custom-code-page .aea-codemirror-editor-container .aea-code-editor {
	width: 100%;
	min-height: 200px;
	font-family: Menlo, Consolas, "Courier New", monospace;
	font-size: 13px;
	line-height: 1.5;
	border: 1px solid var(--atomel-border-strong);
	border-radius: var(--atomel-radius-sm);
	background: var(--atomel-bg);
}

.aea-custom-code-page .aea-codemirror-editor-container .CodeMirror {
	min-height: 240px;
	width: 100% !important;
	border: 1px solid var(--atomel-border-strong);
	border-radius: var(--atomel-radius-sm);
	font-family: Menlo, Consolas, "Courier New", monospace;
	font-size: 13px;
	line-height: 1.5;
	background: var(--atomel-bg);
	box-sizing: border-box;
}

.aea-custom-code-page .aea-codemirror-editor-container .CodeMirror.CodeMirror-focused {
	border-color: var(--atomel-accent);
	box-shadow: 0 0 0 1px var(--atomel-accent-ring);
}

.aea-custom-code-page .aea-codemirror-editor-container .CodeMirror .CodeMirror-scroll {
	min-height: 240px;
}

.aea-custom-code-page .aea-codemirror-editor-container .CodeMirror .CodeMirror-gutters {
	border-right: 1px solid var(--atomel-border);
	background: var(--atomel-bg-subtle);
}

.aea-custom-code-page .aea-codemirror-editor-container .CodeMirror .CodeMirror-linenumber {
	color: var(--atomel-text-faint);
}

.aea-custom-code-page .aea-page-exclusion-wrapper {
	background: var(--atomel-bg-subtle);
	border: 1px solid var(--atomel-border);
	border-radius: var(--atomel-radius-md);
	padding: 16px;
}

.aea-custom-code-page .aea-exclusion-label {
	display: block;
	font-weight: 600;
	margin-bottom: 8px;
	color: var(--atomel-text);
	font-size: 13px;
}

.aea-custom-code-page .aea-page-select {
	width: 100%;
	min-height: 160px;
	border-radius: var(--atomel-radius-sm);
	border: 1px solid var(--atomel-border-strong);
	padding: 8px;
	background: var(--atomel-bg);
	color: var(--atomel-text);
}

.aea-custom-code-page .aea-exclusion-help {
	margin: 10px 0 0;
	color: var(--atomel-text-soft);
	font-size: 12px;
}

.aea-custom-code-page .aea-custom-code-actions .aea-widgets-actions-wrap {
	margin: 0;
}

.aea-custom-code-page .aea-custom-code-actions #atomel-save-custom-code.button.button-primary {
	background: var(--atomel-accent) !important;
	border-color: transparent !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	box-shadow: 0 4px 12px rgba(237, 1, 238, 0.18) !important;
}

.aea-custom-code-page .aea-custom-code-actions #atomel-save-custom-code.button.button-primary:hover {
	background: var(--atomel-accent-hover) !important;
	box-shadow: var(--atomel-shadow-accent) !important;
}

.aea-custom-code-page .aea-custom-code-message {
	margin-top: 16px;
}

.aea-custom-code-page .aea-custom-code-message .notice {
	margin: 0;
}

@media screen and (max-width: 960px) {
	.aea-custom-code-page .aea-code-row {
		grid-template-columns: 1fr;
	}
}