.email-templates-toolbar {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem;
}

.email-templates-grid {
    margin-bottom: 1rem;
}

.email-template-edit-toolbar {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem;
}

.email-template-edit-grid {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 1rem;
}

@media (max-width: 1200px) {
    .email-template-edit-grid {
        grid-template-columns: 1fr;
    }
}

.email-template-edit-form .card-body {
    padding: 1rem;
}

.email-template-edit-tags .card-body {
    padding: 1rem;
    max-height: 80vh;
    overflow-y: auto;
}

.email-template-tags-header {
    margin-bottom: .25rem;
}

.email-template-tags-group {
    margin-top: 1rem;
}

.email-template-tags-group-title {
    font-weight: 600;
    margin-bottom: .35rem;
    color: #444;
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: .05em;
}

.email-template-tags-list {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.email-template-tag-chip {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    background: #f6f7f9;
    border: 1px solid #e2e5ea;
    border-radius: 6px;
    padding: .4rem .6rem;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}

.email-template-tag-chip:hover {
    background: #eef3ff;
    border-color: #b9ccff;
}

.email-template-tag-chip-token {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .72rem;
    color: #6a737d;
    margin-top: .15rem;
}

.email-template-attachments {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.email-template-attachment-row {
    display: grid;
    grid-template-columns: 30px 1fr 1fr 90px auto;
    gap: .5rem;
    align-items: center;
}

.email-template-attachment-label {
    font-weight: 600;
    color: #666;
}

.email-template-attachment-only-first {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-size: .85rem;
    color: #555;
}

.email-account-info .email-account-info-section {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #eee;
}

.email-account-info dt {
    color: #6a737d;
    font-weight: 500;
}