.modal.proposal-email-modal { width: min(1240px, 96vw); max-width: 1240px; }
.proposal-email-editor { padding: 4px; }
.proposal-email-heading { display:flex; justify-content:space-between; align-items:start; gap:16px; margin-bottom:20px; }
.proposal-email-heading strong { font-size:18px; }
.proposal-email-heading p, .proposal-email-help, .proposal-email-footer p, .proposal-email-wording p { color:var(--text-secondary); font-size:12px; line-height:1.6; margin:8px 0; }
.proposal-email-saved { font-size:12px; white-space:nowrap; color:var(--text-secondary); }
.proposal-email-grid { display:grid; grid-template-columns:minmax(280px, 360px) minmax(0, 1fr); gap:24px; align-items:start; }
.proposal-email-controls label { display:block; font-weight:600; font-size:13px; margin:14px 0 6px; }
.proposal-email-controls label span { color:var(--text-secondary); font-weight:400; }
.proposal-email-controls input, .proposal-email-controls textarea { width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid var(--border); border-radius:8px; background:var(--bg); color:var(--text); font:inherit; font-size:14px; line-height:1.5; }
.proposal-email-controls textarea { resize:vertical; min-height:72px; }
.proposal-email-contact { padding:12px 14px; background:var(--bg); border:1px solid var(--border); border-radius:8px; font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.proposal-email-contact small { color:var(--text-secondary); }
.proposal-email-wording, .proposal-email-attachment { margin-top:18px; border-top:1px solid var(--border); padding-top:14px; }
.proposal-email-editor summary { cursor:pointer; font-weight:600; font-size:13px; }
.proposal-email-preview-panel { position:sticky; top:0; min-width:0; }
.proposal-email-preview-toolbar { display:flex; gap:10px; align-items:center; justify-content:space-between; }
.proposal-email-preview-toolbar .btn { padding:7px 12px; font-size:12px; }
.proposal-email-preview-toolbar .active { background:var(--primary); color:#fff; border-color:var(--primary); }
.proposal-email-preview-subject { font-size:12px; line-height:1.6; overflow-wrap:anywhere; margin:12px 0; }
.proposal-email-preview-canvas { display:flex; justify-content:center; padding:12px; background:#e8ebef; border:1px solid var(--border); border-radius:10px; }
.proposal-email-preview-canvas iframe { display:block; width:100%; max-width:700px; height:65vh; min-height:400px; background:#fff; border:0; border-radius:6px; }
.proposal-email-preview-canvas[data-email-device-canvas="phone"] iframe { max-width:390px; }
.proposal-email-edit-actions, .proposal-email-send-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:14px; }
.proposal-email-edit-actions .btn { font-size:12px; }
.proposal-email-footer { border-top:1px solid var(--border); padding-top:12px; margin-top:24px; }
.proposal-email-send-actions { justify-content:flex-end; }
@media (max-width:800px) {
    .proposal-email-grid { grid-template-columns:minmax(0, 1fr); }
    .proposal-email-preview-panel { position:static; }
    .proposal-email-heading { flex-direction:column; gap:4px; }
    .proposal-email-preview-canvas { padding:6px; }
    .proposal-email-controls input, .proposal-email-controls textarea { font-size:16px; }
    .proposal-email-send-actions .btn { flex:1 1 45%; }
}