/**
 * Email Template Styles
 * Styles for the email template configuration page
 */
.bcf-email-template-container {display: flex; gap: 20px; align-items: stretch;}
.bcf-template-settings {flex: 1;}
.bcf-template-preview {flex: 1; position: sticky; top: 32px;}
.bcf-preview-container  {height: 100%;}
.bcf-email-preview {margin: 32px auto;}
.bcf-email-container {border: 1px solid #AAAAAA;}
.bcf-email-header {background-color: #f8f9fa; padding: 20px; text-align: center;}
.bcf-email-content {padding: 30px;}
.bcf-email-footer {background-color: #f8f9fa; padding: 20px; text-align: center;}
.spinner {display: none;}
.bcf-email-template-button {width: 100%; padding-top: 50px;}
.spinner.is-active {display: inline-block;}
/* Form table enhancements */
.form-table th {width: 200px;}
.form-table td {padding: 15px 10px;}
.form-table h3 {margin: 0 0 10px 0; padding: 10px 0; border-bottom: 1px solid #ddd; color: #111827;}
.wp-picker-input-wrap label {display: none !important;}
/* Ace Editor Styles */
#ace-editor-container {font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; background: #f8f9fa;}
#ace-editor-container .ace_editor {font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace; font-size: 14px; line-height: 1.4;}
/* Custom HTML Template Field */
#reset_html_template {margin-top: 10px;}
/* Ace Editor Toolbar */
.ace-editor-toolbar {background: #f1f1f1; padding: 8px 12px; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #666;}
.ace-editor-toolbar .ace-info {display: flex; align-items: center; gap: 10px;}
.ace-editor-toolbar .ace-controls {display: flex; gap: 5px;}
.ace-editor-toolbar button {background: #fff; border: 1px solid #ddd; padding: 4px 8px; border-radius: 3px; cursor: pointer; font-size: 11px;}
.ace-editor-toolbar button:hover {background: #f0f0f0;}
/* Submit button area */
.submit {margin-bottom: 20px;}
@media screen and (max-width: 1390px) {.bcf-email-template-container {gap: 16px;}
}
/* Responsive design */
@media (max-width: 1200px) {.bcf-email-template-container { flex-direction: column;}
.bcf-template-settings {max-width: none;}
.bcf-template-preview {position: static;}
}
@media (max-width: 768px) {.bcf-email-template-container { gap: 20px;}
#ace-editor-container {height: 300px !important;}
.ace-editor-toolbar {flex-direction: column; gap: 8px; align-items: flex-start;}
}