/* v1.80 Chat – nutzt die Farbvariablen der Techniker-App (--sf, --tx, …); Dispo setzt eigene Werte */
.chat-app{display:flex;gap:10px;min-height:60vh;height:calc(100vh - 190px);color:var(--tx,#1d2733)}
.chat-rooms{width:230px;flex:none;overflow:auto;background:var(--sf,#fff);border:var(--bw,1px) solid var(--bd,#d5dce4);border-radius:10px}
.chat-rooms button{display:flex;width:100%;align-items:center;gap:6px;text-align:left;background:none;border:0;border-bottom:1px solid var(--bd,#d5dce4);padding:10px;color:inherit;font:inherit;cursor:pointer}
.chat-rooms button.on{background:var(--sf2,#e3e9f0);font-weight:700}
.chat-rooms .rn{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-rooms .rr{font-size:11px;color:var(--mu,#525d6b)}
.chat-rooms .ub{background:#2F5D8C;color:#fff;border-radius:9px;font-size:11px;padding:0 6px;line-height:18px}
.chat-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--sf,#fff);border:var(--bw,1px) solid var(--bd,#d5dce4);border-radius:10px}
.chat-head{padding:10px 12px;font-weight:700;border-bottom:1px solid var(--bd,#d5dce4);display:flex;gap:8px;align-items:center}
.chat-head .back{display:none;background:none;border:0;font-size:20px;color:inherit;cursor:pointer}
.chat-list{flex:1;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:6px;background:var(--bg,#f2f4f7)}
.chat-msg{max-width:78%;padding:7px 10px;border-radius:12px;background:var(--sf,#fff);border:1px solid var(--bd,#d5dce4);align-self:flex-start;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-msg.mine{align-self:flex-end;background:#2F5D8C;color:#fff;border-color:#2F5D8C}
.chat-msg .mt{font-size:11px;opacity:.75;margin-bottom:2px}.chat-msg img{display:block;max-width:100%;max-height:260px;border-radius:8px;margin-top:4px;cursor:zoom-in}
.chat-form{display:flex;gap:6px;padding:8px;border-top:1px solid var(--bd,#d5dce4);flex-wrap:wrap;align-items:flex-end}
.chat-form textarea{flex:1;min-width:0;resize:none;font:inherit;padding:8px;border-radius:8px;border:var(--bw,1px) solid var(--inb,#8a96a3);background:var(--in,#fff);color:var(--tx,#1d2733)}
.chat-att{cursor:pointer;font-size:22px;padding:4px}.chat-att.has{outline:2px solid #2F5D8C;border-radius:6px}
.chat-send{background:var(--bt,#2F5D8C);color:var(--btt,#fff);border:0;border-radius:8px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}
.chat-err{width:100%;color:var(--bad,#b33);font-size:13px}.chat-err:empty{display:none}
.chat-empty{color:var(--mu,#525d6b);text-align:center;margin:auto}
@media(max-width:700px){.chat-app{height:calc(100vh - 150px)}.chat-rooms{width:100%}.chat-app.inroom .chat-rooms{display:none}.chat-app:not(.inroom) .chat-main{display:none}.chat-head .back{display:inline}}