/* 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%}}

/* Nachrichtenübersicht im Rhythmus der Hinweise, klar getrennt von den Chats. */
.messages-page .e2ee-inbox__item {border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:21px clamp(19px,3vw,30px);gap:20px;transition:background .16s,border-color .16s;}
.messages-page .e2ee-inbox__item:hover {background:#f6f3ec;border-color:#94a59b;}
.messages-page .e2ee-inbox__item:focus-visible {outline:3px solid var(--rust-dark);outline-offset:3px;}
.messages-page .e2ee-inbox__mark {width:54px;height:54px;flex:none;color:var(--green);background:#e6ece4;}
.messages-page .e2ee-inbox__item strong {font:400 clamp(23px,2.1vw,29px)/1.2 var(--serif);letter-spacing:-.03em;overflow-wrap:anywhere;}
.messages-page .e2ee-inbox__item small {font:400 14px/1.6 var(--sans);color:var(--muted);}
.messages-page .e2ee-inbox__item > span:last-child {color:var(--rust-dark);font-size:21px;}
@media(max-width:680px){.messages-page .e2ee-inbox__item{gap:14px;padding:18px}.messages-page .e2ee-inbox__mark{width:44px;height:44px}}