/* ----------------------------------------------- General Styles --------------------------------------------------------------- */

.llm-agent-graph-container,
.llm-agent-chat-container,
.llm-agent-history-container {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* ----------------------------------------------- Graph Panel Styles --------------------------------------------------------------- */

.llm-agent-graph-panel {
    height: 100%;
    width: 100%;
}

.simple-graph {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: auto;
}

.graph-nodes {
    position: relative;
    height: 100%;
    width: 100%;
}

.graph-node {
    font-size: 12px;
    border: 2px solid var(--background-modifier-border);
    background: var(--background-primary);
    color: var(--text-normal);
    transition: all 0.2s;
}

.graph-node:hover {
    border-color: var(--interactive-accent);
    transform: scale(1.05);
}

.graph-node.node-user {
    border-color: var(--color-blue);
    background: var(--color-blue-rgb);
}

.graph-node.node-llm {
    border-color: var(--color-green);
    background: var(--color-green-rgb);
}

.graph-node.node-tool {
    border-color: var(--color-orange);
    background: var(--color-orange-rgb);
}

.graph-node.node-error {
    border