/**
 * Chat Log block — editor styles.
 *
 * 2.0: hard-coded admin colors removed. The editor canvas inherits its
 * surface, ink, and rule colors from the WP editor's own design tokens
 * (--wp-admin-theme-color, --wp-block-editor-* via Gutenberg) instead
 * of shipping our own. Themes that customize the editor inherit
 * automatically; themes that don't get the WP defaults.
 */

.chatlog-editor {
	border: 1px solid currentColor;
	border-radius: 8px;
	padding: 1.5rem;
	background: var(--pfbt-format-chat-bg, transparent);

	.components-notice {
		margin-bottom: 1rem;
	}

	.chatlog-transcript-input {
		textarea {
			font-family: monospace;
			font-size: 0.875rem;
			line-height: 1.5;
			min-height: 300px;
		}
	}

	.chatlog-preview-notice {
		margin-top: 1rem;
		padding: 1rem;
		background: var(--pfbt-format-chat-highlight-bg, transparent);
		border-radius: 4px;
		border-left: 3px solid var(--pfbt-format-chat-highlight-accent, currentColor);

		.components-notice__content {
			margin: 0;
		}
	}
}

/* Device frame preview in editor */
.editor-styles-wrapper .chatlog-device-frame {
	margin: 2rem auto;
	max-width: 100%;
}