/* surrobonds • private Unterhaltungen. Ausschließlich vorhandene Markenfarben. */
.e2ee-panel{max-width:900px;padding:clamp(20px,3vw,40px);border:1px solid #d5d8d0;border-radius:15px;background:#faf8f3;margin:24px 0 50px}
.e2ee-status{color:#3b574b;font-size:16px;line-height:1.65;margin:0 0 14px}
.e2ee-account{background:#ecf0e8;border:1px solid #d1d9cf;border-radius:12px;padding:24px;margin:15px 0}
.e2ee-account h2{font-size:clamp(25px,3vw,34px);margin:0 0 7px}.e2ee-account p{line-height:1.65}
.e2ee-account label,.e2ee-conversation label{display:block;font-weight:700;margin:18px 0 7px}
.e2ee-account input,.e2ee-conversation textarea{display:block;width:100%;min-width:0;border:1px solid #a9bbb0;background:#fffdfa;color:#203e34;border-radius:8px;padding:16px;font-size:16px}
.e2ee-account button{margin-top:18px}.e2ee-inbox{display:grid;gap:12px;margin:20px 0 55px;max-width:940px}
.e2ee-inbox__item{display:flex;gap:15px;align-items:center;text-decoration:none;border:1px solid #d5d8d0;border-radius:12px;background:#faf8f3;padding:17px 22px;color:#203e34}
.e2ee-inbox__item:hover,.e2ee-inbox__item:focus-visible{background:#e8eee6}.e2ee-inbox__item>span:nth-child(2){display:grid;flex:1;gap:2px}
.e2ee-inbox__item small{color:#566b60;font-size:14px}.e2ee-inbox__mark{border-radius:50%;background:#e7ede6;width:42px;height:42px;display:grid;place-items:center}
.e2ee-keyprint{color:#53665b;font-size:14px;line-height:1.55;margin:0 0 18px}
.e2ee-messages{display:flex;flex-direction:column;gap:16px;padding:15px 0 24px}
.e2ee-message{border:1px solid #d0d9d0;border-radius:14px 14px 14px 4px;background:#f4eee6;padding:16px;max-width:78%;align-self:flex-start;overflow-wrap:anywhere}
.e2ee-message--mine{align-self:flex-end;background:#e5eee6;border-radius:14px 14px 4px 14px}
.e2ee-message p{white-space:pre-wrap;line-height:1.65;margin:7px 0}.e2ee-message small{color:#596d63}
.e2ee-message--problem{background:#f2e5dd}.e2ee-conversation form{border-top:1px solid #d5d8d0;padding-top:20px}
.e2ee-conversation button{margin-top:16px}
@media(max-width:640px){.e2ee-panel{margin:14px 0 30px;padding:16px}.e2ee-message{max-width:95%}}