/* AUFTRAG_424 — Inbox-Reiter. Eigenes CSS-Snippet (Spec Bau-Regel 1), nutzt die
   vorhandenen Variablen aus portal.css (--navy/--card/--line/--txt/--mut/--accent). */
.inbox-wrap{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}
@media (max-width:760px){.inbox-wrap{grid-template-columns:1fr}}

.inbox-threads{border:1px solid var(--line);border-radius:10px;background:var(--card2);overflow:hidden;max-height:70vh;overflow-y:auto}
.inbox-thread{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:10px 12px;cursor:pointer;color:var(--txt)}
.inbox-thread:last-child{border-bottom:0}
.inbox-thread:hover{background:var(--card)}
.inbox-thread.on{background:var(--accent-bg)}
.inbox-thread .tt{display:flex;justify-content:space-between;gap:8px;font-weight:600}
.inbox-thread .tp{color:var(--mut);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbox-thread .tm{color:var(--mut);font-size:11px;font-family:var(--mono)}

.inbox-panel{border:1px solid var(--line);border-radius:10px;background:var(--card2);padding:14px;min-height:200px}
.inbox-msgs{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto;margin-bottom:14px}
.inbox-msg{max-width:80%;padding:8px 11px;border-radius:10px;font-size:13px;overflow-wrap:anywhere}
.inbox-msg.in{background:var(--card);border:1px solid var(--line);align-self:flex-start}
.inbox-msg.out{background:var(--accent-bg);border:1px solid var(--accent);align-self:flex-end}
.inbox-msg .ma{color:var(--mut);font-size:11px;font-family:var(--mono);margin-bottom:3px}

.inbox-entwurf{border:1px dashed var(--line);border-radius:10px;padding:12px;background:var(--navy)}
.inbox-entwurf textarea{width:100%;background:var(--navy2);color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;min-height:70px;resize:vertical}
.inbox-entwurf .acts{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}

/* Nacharbeit 05.11.: Notiz/FAQ je Kunde (Kontext fuer den KI-Entwurf) */
.inbox-notiz-wrap{border:1px solid var(--line);border-radius:10px;background:var(--card2);padding:10px 14px;margin-bottom:14px}
.inbox-notiz-wrap summary{cursor:pointer;font-weight:600;color:var(--txt)}
.inbox-notiz-wrap textarea{width:100%;background:var(--navy);color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;min-height:60px;resize:vertical}