/* Editores usam o tema monokai (fundo #272822); as cores de texto e
   sintaxe vêm do monokai.min.css — aqui só layout e ajustes de UI. */
.CodeMirror {
    height: auto;
    min-height: 200px;
    border: 1px solid var(--surface-300);
    border-radius: 0.375rem;
    font-family: 'Fira Code', 'Cascadia Code', 'Source Code Pro', monospace;
    font-size: 14px;
}
.CodeMirror-placeholder {
    /* !important necessário: o CSS base do CodeMirror tem
       ".CodeMirror pre.CodeMirror-line-like { color: inherit }"
       (2 classes + tag), mais específico que esta regra de 1 classe. */
    color: var(--surface-500) !important;
}
/* A trilha global da scrollbar (var(--pbdoc-primary-darker), bem escura)
   aparece dentro do editor porque o CodeMirror força overflow:scroll.
   Sobrescreve só aqui para combinar com o fundo escuro do editor. */
.CodeMirror-scroll::-webkit-scrollbar-track {
    background: #272822; /* monokai theme */
}
.CodeMirror-scroll::-webkit-scrollbar-thumb {
    background: #49483e; /* monokai theme */
}
.CodeMirror-scroll::-webkit-scrollbar-thumb:hover {
    background: #75715e; /* monokai theme */
}
.CodeMirror-focused {
    border-color: #86b7fe; /* monokai theme */
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.htmx-indicator {
    display: none;
}
.htmx-request .htmx-indicator {
    display: inline-block;
}
.htmx-request.htmx-indicator {
    display: inline-block;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: "\F285";
    font-family: "bootstrap-icons";
    font-size: 0.7rem;
}