.chat-box {
    height: 65vh;
    overflow-y: auto;
    padding: 0.5rem;
    background: #0f0f10;
    border-radius: 0.5rem;
    border: 1px solid #2a2a2a;
}
.bubble {
    max-width: 85%;
    padding: .6rem .8rem;
    margin: .3rem 0;
    border-radius: 1rem;
    box-shadow: 0 0 12px rgba(0,0,0,.35);
    word-wrap: break-word;
    white-space: pre-wrap;
}
.bubble.me { background: #1e3a8a; align-self: flex-end; }
.bubble.sys { background: #202020; color: #b0b0b0; font-style: italic; }
.bubble.item { background: #111827; border: 1px solid #2d3748; }
.badge-pill { border-radius: 50rem; }