.console-prompts-text, .console-prompts-keys, .console-classifier, .console-user, .console-tokens,
.console-prompt, .console-output, .console-metrics {
    margin: 5px 0;
}
.console-metrics .actor- { background: #1E8449 }
.console-metrics .tag- { background: #14532D  }
.console-user .tag- { background: #C4B13F }
.console-prompt .title- { background: #2874A6 }
.console-prompts-keys .title- { background: #1F7A8C }
.console-prompts-text .title- { background: #1F7A8C }
.console-classifier .title- { background: #D35400 }
.console-output .tag- { background: #7D3C98 }
.console-narration .tag- { background: #B03060 }

.console-classifier .content- { background: rgb(64, 70, 84, 0.5); }
.console-classifier .content- div {
    background: rgba(255,255,255, 0.75);
    border-radius: 2px;
    padding: 2px;
}
.console-prompt .title-,
.console-prompts-text .title- { cursor:pointer }
.console-prompt .title-:hover,
.console-prompts-text .title-:hover { opacity: 0.9 }
.console-prompts-text .content-,
.console-prompt .content- {
    white-space: pre-wrap;
    max-height: 82px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.expanded .content- {
    max-height: inherit;
}
.title- {
    background: rgb(64, 70, 84, 0.5);
    color: #fff;
    font-family: PT Mono, monospace;
    white-space: pre-wrap;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 5px;
    border-radius: 5px 5px 0px 0;
    vertical-align: center;
}                        
.tag-, .actor- {
    flex-grow: 0;
    background: rgb(64, 70, 84, 0.5);
    color: #fff;
    font-family: PT Mono, monospace;
    white-space: pre-wrap;
    font-size: 10px;
    font-weight: 700;
    padding: 4px 5px;
    border-radius: 5px 0px 0px 5px;
    vertical-align: center;
}
.next- {
    flex-grow: 0;
    background: rgba(30, 132, 73, 0.2);
    font-family: PT Mono, monospace;
    white-space: pre-wrap;
    font-size: 10px;
    font-weight: 700;
    padding: 4px 5px;
    vertical-align: center;
    border-left: 1px solid rgba(30, 132, 73, 0.5);
}
.metric- {
    background: rgba(30, 132, 73, 0.75);
    color: #ffffff;
}
.actor- { border-radius:0 }
.content- {
    flex: 1;
    background: #fff;
    padding: 4px;
    font-size: 10px;
    font-family: PT Mono, monospace;

}
.console-user, .console-output, .console-metrics {
    display: flex;
}
.console-contents { padding: 5px 10px 5px 5px}
.console-hr { height: 1px; margin: 10px 0; background: rgba(0,0,0,0.1)  }
.console-tokens b { font-size:12px; }
.console-tokens {
    margin: 5px 0;
    padding: 5px;
    border-radius: 4px;
    background: rgb(64, 70, 84, 0.5);
    color: #fff;
    font-family: PT Mono, monospace;
    white-space: pre-wrap;
    font-size: 10px;
    font-weight: 500;
}