reactions-admin-tab

panel/styles/Modal.module.css

@@ -363,6 +363,68 @@
 	border-left: 4px solid var(--primary-color);
 }
 
+/* HTML Editor в модальных окнах использует стили из Form.module.css */
+
+.form-textarea {
+	padding: 0.75rem;
+	border: 2px solid var(--border-color);
+	border-radius: 0.5rem;
+	font-size: 0.875rem;
+	background-color: var(--bg-color);
+	color: var(--text-color);
+	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+	font-family: var(--font-family);
+	resize: vertical;
+	min-height: 120px;
+}
+
+.form-textarea:focus {
+	outline: none;
+	border-color: var(--primary-color);
+	box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.1);
+	transform: translateY(-1px);
+}
+
+.stat-info {
+	display: flex;
+	gap: 1rem;
+	font-size: 0.875rem;
+	color: var(--text-color-light);
+}
+
+.stat-info span {
+	padding: 0.375rem 0.75rem;
+	background-color: var(--hover-bg);
+	border-radius: 0.375rem;
+	border: 1px solid var(--border-color);
+}
+
+.error-message {
+	padding: 0.75rem;
+	background-color: var(--error-color-light, #fef2f2);
+	color: var(--error-color-dark, #dc2626);
+	border-radius: 0.5rem;
+	border: 1px solid var(--error-color, #fca5a5);
+	margin-bottom: 1rem;
+	font-size: 0.875rem;
+}
+
+.modal-actions {
+	display: flex;
+	justify-content: flex-end;
+	gap: 1rem;
+	margin-top: 1.5rem;
+	padding-top: 1.5rem;
+	border-top: 1px solid var(--border-color);
+}
+
+.form-label {
+	font-weight: 600;
+	color: var(--text-color);
+	font-size: 0.875rem;
+	margin-bottom: 0.5rem;
+}
+
 /* Body Preview Modal */
 .body-preview {
 	width: 100%;