.lokaler-chat { display:flex; flex-direction:column; gap:1rem; width:min(100%,65rem); margin:0 auto; overflow:hidden; }
.lokaler-chat :is(select,textarea,button) { font:inherit; padding:.65rem .8rem; border:1px solid var(--color-border); border-radius:0; background:white; color:var(--color-text-primary); }
.lokaler-chat-kopf { display:flex; justify-content:space-between; gap:.7rem; }
.lokaler-chat select { min-width:0; max-width:100%; }
.lokaler-chat-kopf button { flex-shrink:0; }
.lokaler-chat-verlauf { flex:1; min-height:0; overflow-y:auto; padding:.5rem; }
.lokaler-chat article { margin-bottom:1.2rem; padding:.7rem 1rem; border-left:3px solid var(--color-primary-light); white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.5; }
.lokaler-chat article[data-rolle="user"] { margin-left:12%; background:var(--color-bg-secondary); border:0; }
.lokaler-chat form { display:flex; gap:.7rem; }
.lokaler-chat textarea { flex:1; min-width:0; resize:vertical; max-height:9rem; }
.lokaler-chat button { background:var(--color-primary); color:white; border:0; cursor:pointer; }
.lokaler-chat button:disabled { opacity:.45; cursor:default; }
.lokaler-chat :is(select,textarea,button):focus-visible { outline:2px solid var(--color-primary-light); outline-offset:2px; }
.lokaler-chat-spinner { align-self:center; width:.8rem; height:.8rem; border:2px solid var(--color-primary); animation:lokaler-chat-laedt .8s linear infinite; }
.lokaler-chat-fehler { color:#a3291c; margin:0; }
@keyframes lokaler-chat-laedt { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .lokaler-chat-spinner { animation:lokaler-chat-pulsiert 1s ease-in-out infinite alternate; } }
@keyframes lokaler-chat-pulsiert { to { opacity:.25; } }
@media (max-width:600px) { .lokaler-chat form { gap:.4rem; } .lokaler-chat article[data-rolle="user"] { margin-left:5%; } }

.lokaler-chat article p { margin:0; }
.lokaler-chat article small { display:block; margin-bottom:.35rem; color:var(--color-text-secondary); }