/* Support-Übergabe in Lena/Max: Support-Team klar abgesetzt (Mitarbeiter, nicht Assistent) */
.sp-av{flex:0 0 auto;display:inline-grid;place-items:center;border-radius:50%;background:#1F2A24;color:#fff;box-shadow:0 0 0 2px #fff}
.as-m.sp{background:#FFF8EA;border:1px solid #EDD39B;align-self:flex-start;border-bottom-left-radius:4px;color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere}
.sp-name{display:block;font:700 11.5px var(--ff);letter-spacing:.04em;text-transform:uppercase;color:#8A5A00;margin-bottom:3px}
.sp-knopf{display:flex;align-items:center;gap:8px;margin-top:10px;width:100%;justify-content:center;padding:9px 12px;border-radius:12px;border:1px solid var(--green);background:var(--mint2,#F0FAF4);color:var(--green);font:650 14px var(--ff);cursor:pointer;transition:background .15s}
.sp-knopf:hover{background:var(--mint,#E3F4EA)}.sp-knopf:disabled{opacity:.6;cursor:wait}.sp-knopf .sp-av{box-shadow:none;background:var(--green)}
.sp-info{display:flex;flex-direction:column;gap:6px;margin:0 0 8px}
.sp-st{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg2)}
.sp-st i{width:8px;height:8px;border-radius:50%;background:var(--green);flex:0 0 auto}
.sp-st i.an{background:#D9822B;animation:sppuls 1.6s ease-in-out infinite}
@keyframes sppuls{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.sp-st i.an{animation:none}}
.sp-mail{display:flex;gap:6px}.sp-mail .inp{flex:1;min-width:0;font-size:14px;padding:8px 10px}
.sp-dot{position:absolute;right:-2px;top:-2px;width:12px;height:12px;border-radius:50%;background:#D92D20;box-shadow:0 0 0 2px #fff}
.as-ft .lnk{background:none;border:0;padding:0;font:inherit;color:var(--green);text-decoration:underline;cursor:pointer}
/* Admin: Support */
.sup-liste{list-style:none;margin:0;padding:0}
.sup-liste li{border-top:1px solid var(--line)}.sup-liste li:first-child{border-top:0}
.sup-liste a{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 4px;color:inherit;text-decoration:none}
.sup-liste a:hover{background:var(--panel2)}.sup-liste a>span{min-width:0;overflow-wrap:anywhere}
.sup-liste .sup-t{grid-column:1/-1;color:var(--fg2);font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sup-badge{display:inline-flex;align-items:center;gap:4px;font:700 11.5px var(--ff);padding:2px 8px;border-radius:999px;background:#FDE7E5;color:#B42318;margin-left:6px}
.sup-st{font:650 12px var(--ff);padding:3px 9px;border-radius:999px;white-space:nowrap;align-self:flex-start;justify-self:start}.sup-st.OFFEN{background:#FFF1DB;color:#8A5A00}.sup-st.BEANTWORTET{background:var(--mint,#E3F4EA);color:var(--green)}.sup-st.ERLEDIGT{background:var(--panel2);color:var(--fg2)}.sup-st.KONTAKT{background:#EEF3FA;color:#2A4A6A}
.sup-verlauf{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:var(--panel2,#F6F7F5)}
.sup-m{max-width:80%;padding:10px 14px;border-radius:14px;font-size:14.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.sup-m small{display:block;font-size:11.5px;color:var(--fg3);margin-bottom:3px;font-weight:650}
.sup-m.NUTZER{align-self:flex-start;background:#fff;border:1px solid var(--line)}
.sup-m.ASSISTENT{align-self:flex-start;background:#fff;border:1px dashed var(--line2);color:var(--fg2)}
.sup-m.SUPPORT{align-self:flex-end;background:var(--green);color:#fff}.sup-m.SUPPORT small{color:#d8efe2}
.sup-trenn{align-self:center;font-size:12px;color:var(--fg3);padding:2px 10px;border-radius:999px;background:#fff;border:1px solid var(--line)}
.sup-antwort{display:flex;flex-direction:column;gap:8px;margin-top:14px}.sup-antwort textarea{min-height:96px;resize:vertical;font:inherit}
.sup-meta{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px;margin:0}.sup-meta dt{color:var(--fg2)}.sup-meta dd{margin:0;overflow-wrap:anywhere}
.sup-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.sup-hinweis{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
@media (max-width:860px){.sup-grid{grid-template-columns:1fr}.sup-m{max-width:92%}.sup-liste a{grid-template-columns:1fr}.sup-liste a>span.row{justify-content:flex-start}.sup-verlauf{padding:10px}}
/* Admin-WhatsApp: Liste und Verlauf nebeneinander, eine Absendernummer je Postfach */
.wa-seite{padding-bottom:24px}
.wa-kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.wa-nummer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}
.wa-nummer label{font-size:13px;font-weight:650;color:var(--fg2)}
.wa-nummer select{min-width:min(100%,280px);max-width:420px}
.wa-app{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);height:calc(100dvh - 168px);min-height:480px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.wa-liste{overflow:auto;border-right:1px solid var(--line);padding:10px 12px;background:#fff}
.wa-liste .chips{margin:0 0 8px}
.wa-liste .sup-liste a.on{background:var(--mint2,#F0FAF4)}
.wa-thread{display:flex;flex-direction:column;min-width:0;background:#f4f1ea}
.wa-thread-kopf{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border-bottom:1px solid var(--line)}
.wa-thread-kopf>div{display:flex;flex-direction:column;min-width:0;flex:1}
.wa-thread-kopf b,.wa-thread-kopf span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-zurueck{display:none;font-size:13px}
.wa-verlauf{flex:1;overflow:auto;border-radius:0;background:transparent}
.wa-composer,.wa-vorlage{display:flex;flex-direction:column;gap:8px}
.wa-composer{padding:10px 12px;background:#fff;border-top:1px solid var(--line)}
.wa-composer textarea{min-height:72px;resize:vertical;font:inherit}
.wa-leer{margin:auto;text-align:center;color:var(--fg2);padding:24px;max-width:360px}
@media (max-width:860px){
  .wa-app{grid-template-columns:1fr;height:auto;min-height:0}
  .wa-app[data-chat="ja"] .wa-liste{display:none}
  .wa-app[data-chat="nein"] .wa-thread{display:none}
  .wa-zurueck{display:inline}
  .wa-app[data-chat="ja"]{min-height:calc(100dvh - 150px)}
}