/* chat_mod.css – Zusätzliche Styles für unten ausgerichtete Chatblasen
   und die drei Beispiel‑Buttons.  */
#chatbox{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    height:calc(150vh - 100px); /* passt ggf. an eure Layout‑Höhe an */
    overflow-y:auto;
}

/* Beispiel‑Prompt‑Buttons */
#sample-prompts{
    display:flex;
    justify-content:center;
    gap:0.75rem;
    margin:.5rem 0;
}

#sample-prompts .prompt-btn{
    background:#f5f5f5;
    border:none;
    border-radius:20px;
    padding:.5rem 1rem;
    cursor:pointer;
    transition:background .2s;
}
#sample-prompts .prompt-btn:hover{
    background:#e0e0e0;
}