/* ==========================================
   CSS: Allotment Management Email Template Form
   File: assets/css/_add-new-email-template.css
   ========================================== */

#create_email_template_form_ajax {
    max-width: 800px;
    margin: 2em auto;
    padding: 1.5em;
    background-color: #fdfdfd;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
}

#create_email_template_form_ajax p {
    margin-bottom: 1.2em;
}

#create_email_template_form_ajax label {
    font-weight: 600;
    display: block;
    margin-bottom: 0.3em;
    color: #222;
}

#create_email_template_form_ajax input[type="text"],
#create_email_template_form_ajax select,
#create_email_template_form_ajax textarea {
    width: 100%;
    padding: 0.6em;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

#create_email_template_form_ajax input[type="text"]:focus,
#create_email_template_form_ajax select:focus,
#create_email_template_form_ajax textarea:focus {
    border-color: #007cba;
    outline: none;
}

#create_email_template_form_ajax button.button-primary {
    background-color: #007cba;
    border-color: #006ba1;
    color: #fff;
    padding: 0.7em 1.2em;
    font-size: 16px;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

#create_email_template_form_ajax button.button-primary:hover {
    background-color: #006ba1;
}

#create_email_template_status {
    margin-top: 1.5em;
}

#create_email_template_status .notice {
    margin-top: 10px;
    padding: 0.9em 1em;
    border-left: 5px solid;
    border-radius: 3px;
}

#create_email_template_status .notice-success {
    background-color: #f0fdf4;
    border-color: #46b450;
    color: #2c662d;
}

#create_email_template_status .notice-error {
    background-color: #fef2f2;
    border-color: #dc3232;
    color: #761717;
}

#merge_tag_display {
    margin-top: 2em;
    padding: 1em;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fafafa;
}

#merge_tag_display label {
    font-weight: bold;
    display: block;
    margin-bottom: 0.5em;
}

#merge_tags_output ul {
    padding-left: 1.2em;
    margin: 0;
}

#merge_tags_output li {
    list-style-type: disc;
    margin-bottom: 0.3em;
    font-family: monospace;
    font-size: 14px;
}
/* This file is intentionally left blank. All styling is now unified in _edit-email-template.css. */