.settings-nav { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; border-bottom:1px solid var(--border); padding-bottom:16px; }
.settings-nav button { background:var(--bg-surface); color:var(--text-secondary); border:1px solid var(--border); border-radius:6px; padding:9px 14px; cursor:pointer; font:inherit; font-size:13px; }
.settings-nav button[aria-selected="true"] { color:var(--text-primary); border-color:var(--accent); box-shadow:inset 0 -2px var(--accent); }
.settings-nav button:hover { background:var(--bg-input); }
.settings-pane[hidden] { display:none; }
#emailSettings { max-width:1150px; }
#emailSettings h3 { margin-bottom:8px; }
#emailSettings p { color:var(--text-secondary); font-size:13px; line-height:1.6; margin-bottom:18px; }
#emailSettings .email-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
#emailSettings .email-fields { max-width:720px; }
#emailSettings label { display:flex; flex-direction:column; gap:7px; margin-bottom:16px; font-size:13px; font-weight:500; }
#emailSettings input:not([type="checkbox"]), #emailSettings select, #emailSettings textarea { width:100%; padding:10px 12px; background:var(--bg-input); border:1px solid var(--border-hover); border-radius:6px; color:var(--text-primary); font:inherit; font-size:14px; }
#emailSettings input:focus, #emailSettings textarea:focus, #emailSettings select:focus { outline:2px solid var(--accent); outline-offset:1px; }
#emailSettings textarea { resize:vertical; line-height:1.5; }
#emailSettings .email-check { flex-direction:row; align-items:center; gap:10px; font-weight:400; }
#emailSettings .email-check input { accent-color:var(--accent); width:17px; height:17px; flex-shrink:0; }
#emailSettings .email-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:16px 0; }
#emailSettings .email-actions input { max-width:300px; }
#emailSettings .email-note { color:var(--text-secondary); font-size:12px; font-weight:400; }
#emailSettings .email-rule { padding:14px 0; border-bottom:1px solid var(--border); }
#emailSettings .email-rule label { margin:0 0 4px; }
#emailSettings .email-rule .email-note { margin-left:27px; }
#emailSettings .email-message { min-height:24px; margin-bottom:12px; font-size:13px; color:var(--green); }
#emailSettings .email-message[data-error="true"] { color:var(--error-text); }
#emailSettings .email-vars { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0 20px; }
#emailSettings .email-vars button { border:1px solid var(--border); border-radius:4px; padding:4px 7px; color:var(--code-text); background:var(--bg-surface); cursor:pointer; }
#emailSettings iframe { width:100%; min-height:400px; border:1px solid var(--border); border-radius:6px; background:white; }
#emailSettings .email-preview-subject { padding:14px; margin-bottom:8px; border:1px solid var(--border); border-radius:6px; overflow-wrap:anywhere; font-size:14px; }
#emailSettings .email-table { display:block; overflow:auto; }
#emailSettings .email-table table { width:100%; min-width:750px; }
#emailSettings .email-table td { white-space:normal; overflow-wrap:anywhere; max-width:310px; }
#emailSettings button:disabled { opacity:.5; cursor:wait; }
@media(max-width:800px) { #emailSettings .email-grid { grid-template-columns:1fr; } }