.teams-thread{display:flex;flex-direction:column;gap:10px;max-height:55vh;overflow:auto;padding:14px 2px;border-block:1px solid var(--border);margin:12px 0}
.teams-msg{background:var(--soft);border-radius:8px;padding:10px 12px;max-width:85%;align-self:flex-start;overflow-wrap:anywhere}
.teams-msg.mine{align-self:flex-end;border:1px solid var(--accent);background:var(--surface)}
.teams-msg-head{display:flex;align-items:center;gap:10px;font-size:.78rem;margin-bottom:6px}.teams-msg-head small{color:var(--muted)}.teams-msg-head button{margin-left:auto}
.teams-system{align-self:center;color:var(--muted);font-size:.72rem;margin:0}
.teams-reply fieldset{border:0;padding:0;margin:0;min-width:0}.teams-reply label{display:flex;flex-direction:column;gap:6px}.teams-reply textarea{resize:vertical;min-height:80px}.teams-reply .formactions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.attention-intro{margin:-6px 0 16px;max-width:760px;line-height:1.6}
.attention-tabs{margin-bottom:16px;flex-wrap:wrap}
.attention-item{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--border);align-items:flex-start}.attention-item:last-child{border-bottom:0}
.attention-item.done{opacity:.6}
.attention-source{flex:none;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:var(--soft);color:var(--accent)}
.attention-main{flex:1;min-width:0}.attention-main h3{margin:4px 0;overflow-wrap:anywhere}
.attention-from{margin:0;font-size:.8rem;color:var(--muted)}
.attention-preview{margin:6px 0 0;font-size:.85rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.attention-item .actions{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:6px}
@media(max-width:800px){.attention-item{flex-wrap:wrap}.attention-item .actions{flex-direction:row;flex-wrap:wrap;width:100%}.teams-msg{max-width:100%}}

/* Kép a válaszban: előnézet küldés előtt, hogy látszódjon, mi megy ki. */
.teams-pictures { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; }
.teams-pictures figure { margin: 0; max-width: 160px; }
.teams-pictures img { max-width: 100%; border-radius: 8px; display: block; }
.teams-pictures figcaption { font-size: 12px; display: flex; align-items: center; gap: 4px; word-break: break-all; }
.teams-msg .outlook-body.rich img { max-width: min(420px, 100%); height: auto; border-radius: 8px; margin-top: 6px; }
.teams-msg .attachment-files { margin: 6px 0 0; padding-left: 18px; font-size: 13px; }
.teams-thread { overflow-y: auto; max-height: min(58vh, 640px); scroll-behavior: auto; }