.crm-email-dialog { width: min(720px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); box-sizing: border-box; overflow: auto; border: 1px solid #d6dfd9; border-radius: 18px; padding: 24px; color: #183c30; background: #fff; box-shadow: 0 24px 80px #102b3040; }
.crm-email-dialog::backdrop { background: #102b3077; }
.crm-email-fields { border: 0; padding: 0; margin: 0; display: grid; gap: 14px; min-width: 0; }
.crm-email-dialog .field { min-width: 0; }
.crm-email-dialog input, .crm-email-dialog textarea, .crm-email-dialog select { width: 100%; box-sizing: border-box; }
.crm-email-dialog textarea { resize: vertical; }
.crm-email-feedback { white-space: pre-wrap; overflow-wrap: anywhere; }
.crm-email-history { border-top: 1px solid #d6dfd9; margin-top: 24px; padding-top: 16px; }
.crm-email-history article { padding: 12px 0; border-bottom: 1px solid #e9efeb; overflow-wrap: anywhere; }
.crm-email-history article p { margin: 6px 0; }
.crm-email-body { white-space: pre-wrap; }
.crm-ai-email { margin: 16px 0; padding: 16px; border: 1px solid #d6dfd9; border-radius: 12px; background: #f4f8f5; }
.crm-ai-email [data-ai-panel]:not([hidden]) { display: grid; gap: 12px; margin-top: 12px; }
.crm-ai-email h3, .crm-ai-email p { margin: 0; }
.crm-email-test-notice { border-left: 4px solid #947000; background: #fff7d6; color: #544000; padding: 12px; overflow-wrap: anywhere; }
.crm-email-preview { padding: 16px; margin-top: 20px; border: 1px solid #d6dfd9; border-radius: 12px; overflow-wrap: anywhere; }
.crm-email-review-actions { margin: 16px 0; flex-wrap: wrap; }
@media (max-width: 600px) { .crm-email-dialog { padding: 16px; } }
.email-settings-panel { grid-column: 1 / -1; min-width: 0; }
.email-settings-fields { border: 0; padding: 0; margin: 0; min-width: 0; }
.email-template-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; }
.email-settings-panel .field { margin-bottom: 14px; min-width: 0; }
.email-settings-panel input, .email-settings-panel select, .email-settings-panel textarea { width: 100%; box-sizing: border-box; }
.email-settings-panel textarea { resize: vertical; }
.email-template-preview { padding: 20px; background: #f4f8f5; border: 1px solid #d6dfd9; border-radius: 12px; overflow-wrap: anywhere; }
.email-template-preview h3 { margin-top: 0; }
.email-template-help { margin-top: 16px; overflow-wrap: anywhere; }
.email-template-help summary { cursor: pointer; }
.email-signature-field { margin-top: 24px; }
.email-signature-preview { margin: 16px 0; }
.email-signature-preview img { display: block; width: 100%; max-width: 640px; height: auto; background: #fff; }
.email-template-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 16px; }
.email-template-card { padding: 18px; border: 1px solid #d6dfd9; border-radius: 12px; overflow-wrap: anywhere; }
.email-template-card h3 { margin: 0 0 8px; }
@media (max-width: 760px) { .email-template-layout { grid-template-columns: minmax(0, 1fr); } .email-settings-panel .panel-head { flex-wrap: wrap; } }