/* Account-Panel "Absender & Design" — Markup: EmailIdentityPaneRenderer, JS: ee-email-identity.js */
.ee-ei-section { padding: 1.25rem 0; border-top: 1px solid var(--border-light, #e5e7eb); }
.ee-ei-section:first-of-type { border-top: 0; padding-top: 0; }
.ee-ei-heading { font-size: 1.15rem; font-weight: 700; margin: 0 0 0.5rem; color: var(--text-primary, #111827); }
/* Absender: kompakte Liste (eine Zeile je Identitaet), Details im Modal */
.ee-ei-identities { display: flex; flex-direction: column; margin: 0.75rem 0; border: 1px solid var(--border-light, #e5e7eb); border-radius: var(--radius, 8px); background: var(--surface, #fafafa); }
.ee-ei-identities:empty { display: none; }
.ee-ei-identity { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.6rem 1rem; border-top: 1px solid var(--border-light, #e5e7eb); }
.ee-ei-identity:first-child { border-top: 0; }
.ee-ei-identity.has-error { background: #fef2f2; box-shadow: inset 3px 0 0 #ef4444; }
.ee-ei-identity-main { min-width: 0; display: flex; flex-direction: column; gap: 0.15rem; }
.ee-ei-identity-line { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; overflow-wrap: anywhere; }
.ee-ei-identity-name { font-weight: 700; color: var(--text-primary, #111827); }
.ee-ei-identity-sep { color: #9ca3af; }
.ee-ei-dim { color: #9ca3af; }
.ee-ei-badge.is-default { background: #dcfce7; color: #166534; font-size: 0.72rem; padding: 0.05rem 0.45rem; }
.ee-ei-identity-actions { display: flex; gap: 0.4rem; flex: 0 0 auto; }
.ee-ei-default { display: inline-flex; align-items: center; gap: 0.35rem; font-weight: 600; cursor: pointer; font-size: 0.9rem; margin: 0.25rem 0 0.5rem; }
@media (max-width: 640px) {
    .ee-ei-identity { flex-direction: column; align-items: stretch; gap: 0.5rem; }
    .ee-ei-identity-actions { justify-content: flex-end; }
}

/* Modal (eigene Regeln, ee-email-calendar.css ist auf der Account-Seite nicht geladen) */
.ee-ei-modal { position: fixed; inset: 0; z-index: 100300; display: flex; align-items: flex-start; justify-content: center; padding: 2rem 1rem; overflow-y: auto; }
.ee-ei-modal[hidden] { display: none !important; }
.ee-ei-modal-backdrop { position: fixed; inset: 0; background: rgba(15, 23, 42, .45); }
.ee-ei-modal-dialog { position: relative; width: 100%; max-width: 36rem; background: #ffffff; color: var(--text-primary, #1f2937); border-radius: var(--radius, 12px); box-shadow: 0 18px 48px rgba(15, 23, 42, .28); max-height: calc(100vh - 4rem); display: flex; flex-direction: column; }
.ee-ei-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--border-light, #e5e7eb); }
.ee-ei-modal-title { margin: 0; font-size: 1.05rem; font-weight: 700; }
.ee-ei-modal-x { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border: 0; border-radius: 8px; background: none; color: var(--text-secondary, #6b7280); cursor: pointer; font-size: 1.4rem; line-height: 1; }
.ee-ei-modal-x:hover { background: rgba(100, 116, 139, .12); color: var(--text-primary, #1f2937); }
.ee-ei-modal-body { padding: 1.25rem; overflow-y: auto; }
.ee-ei-modal-body .form-group { margin-bottom: 0.75rem; }
.ee-ei-modal-body [data-ei-modal-msg]:empty { display: none; }
.ee-ei-modal-foot { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0.9rem 1.25rem; border-top: 1px solid var(--border-light, #e5e7eb); }
.ee-ei-wpmail { margin-top: 0.75rem; }
.ee-ei-title { font-size: 1.05rem; font-weight: 600; margin: 0 0 0.6rem; color: var(--text-primary, #111827); }
.ee-ei-loading { color: var(--text-secondary, #6b7280); font-size: 0.9rem; padding: 0.5rem 0; }
.ee-ei-muted { color: var(--text-secondary, #6b7280); font-size: 0.85rem; }
.ee-ei-help { display: block; margin-top: 0.3rem; }
.ee-ei-status-grid { display: grid; grid-template-columns: max-content 1fr; gap: 0.35rem 1rem; margin: 0 0 0.75rem; font-size: 0.9rem; }
.ee-ei-status-grid dt { color: var(--text-secondary, #6b7280); }
.ee-ei-status-grid dd { margin: 0; color: var(--text-primary, #111827); overflow-wrap: anywhere; }
.ee-ei-badge { display: inline-block; padding: 0.1rem 0.55rem; border-radius: 999px; font-size: 0.8rem; font-weight: 600; background: #e5e7eb; color: #374151; }
.ee-ei-badge.is-website { background: #dcfce7; color: #166534; }
.ee-ei-badge.is-wp_mail { background: #fef3c7; color: #92400e; }
.ee-ei-badge.is-log { background: #fee2e2; color: #991b1b; }
.ee-ei-hint { margin: 0.5rem 0 0; padding: 0.65rem 0.85rem; border-radius: var(--radius, 8px); background: #f3f4f6; font-size: 0.875rem; color: #374151; }
.ee-ei-hint-readonly { background: #fef3c7; color: #92400e; }
.ee-ei-dns { margin-top: 0.75rem; padding: 0.75rem 0.9rem; border: 1px solid var(--border-light, #e5e7eb); border-radius: var(--radius, 8px); background: var(--surface, #fafafa); }
.ee-ei-dns-head { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; font-size: 0.9rem; flex-wrap: wrap; }
.ee-ei-dns-head .btn { margin-left: auto; }
.ee-ei-dns-row { display: grid; grid-template-columns: 0.85rem 4.5rem minmax(0, 1fr); gap: 0.5rem; align-items: center; font-size: 0.875rem; padding: 0.25rem 0; }
.ee-ei-dns-label { font-weight: 600; }
.ee-ei-dns-text { color: var(--text-secondary, #6b7280); overflow-wrap: anywhere; }
.ee-ei-dot { width: 0.75rem; height: 0.75rem; border-radius: 50%; background: #d1d5db; display: inline-block; }
.ee-ei-dot.is-green { background: #22c55e; }
.ee-ei-dot.is-yellow { background: #f59e0b; }
.ee-ei-dot.is-red { background: #ef4444; }
.ee-ei-howto { margin-top: 0.6rem; font-size: 0.85rem; color: #374151; }
.ee-ei-howto summary { cursor: pointer; font-weight: 600; }
.ee-ei-howto ol { padding-left: 1.2rem; margin: 0.5rem 0; }
.ee-ei-howto li { margin-bottom: 0.35rem; }
.ee-ei-howto code { font-size: 0.8rem; background: #e5e7eb; padding: 0 0.25rem; border-radius: 3px; }
.ee-ei-actions { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 0 1rem; }
.ee-ei-msg { font-size: 0.875rem; color: var(--text-secondary, #6b7280); }
.ee-ei-msg.is-ok { color: #166534; }
.ee-ei-msg.is-error { color: #991b1b; }
.ee-ei-preview-bar { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.6rem; }
.ee-ei-preview-bar .form-select { width: auto; min-width: 14rem; margin: 0; }
.ee-ei-frame { width: 100%; min-height: 720px; border: 1px solid var(--border-light, #e5e7eb); border-radius: var(--radius, 8px); background: #F2F4F7; }
.ee-ei-root input[readonly], .ee-ei-root textarea[readonly] { background: #f3f4f6; color: #6b7280; }