[x-cloak] { display: none !important; }

.resize-handle {
    width: 4px;
    cursor: col-resize;
    background: transparent;
    transition: background 0.2s;
}
.resize-handle:hover {
    background: #6366f1;
}

.msg-user {
    background: #eef2ff;
    border-left: 3px solid #6366f1;
}
.msg-assistant {
    background: #f8fafc;
    border-left: 3px solid #94a3b8;
}

.online-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}
.online-dot.online { background: #22c55e; }
.online-dot.offline { background: #d1d5db; }