/* E-posta imzasi olusturucu */
.ei { display: grid; gap: 22px; }
.ei-alanlar { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.ei-renk { display: flex; align-items: center; gap: 10px; }
.ei-renk code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; color: var(--muted); }
.ei-sosyal, .ei-kod { border: 1px solid var(--line); border-radius: 12px; background: var(--bg); }
.ei-sosyal > summary, .ei-kod > summary { padding: 12px 14px; cursor: pointer; font-size: 13.5px; font-weight: 650; }
.ei-sosyal > .ei-alanlar { padding: 4px 14px 14px; }
.ei-kod > .arac-cikti { margin: 0 12px 12px; }
.ei-onizleme-kap { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: var(--bg); }
.ei-onizleme-ust { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 10px 14px; border-bottom: 1px solid var(--line); }
.ei-onizleme-ust span { font-size: 13px; font-weight: 650; }
.ei-onizleme-ust small { font-size: 12px; color: var(--muted); }
/* Onizleme e-postanin kendisi: e-posta istemcileri gibi her temada beyaz zemin */
#ei-onizleme { display: block; width: 100%; height: 200px; border: 0; background: #ffffff; }
.ei-kurulum { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.ei-kurulum > div { padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg); min-width: 0; }
.ei-kurulum h3 { margin: 0 0 8px; font-size: 15px; font-weight: 650; }
.ei-kurulum ol { margin: 0; padding-left: 18px; display: grid; gap: 5px; font-size: 13.5px; line-height: 1.55; color: var(--muted); }
.ei-kurulum strong { color: var(--text); font-weight: 650; }