/**
 * Barras de acción en Int_Usuario_Prompt_DetailView_User (Configuración de Prompt).
 * "Ajustes del agente" está en la barra Edit; "Tutorial" en la barra View — se unifica el estilo
 * usando :has(...) con ambas acciones para el mismo aspecto verde suave (sin azul primario suelto).
 */
.dxbl-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button),
.xaf-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button),
.dxbl-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button,
.xaf-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button,
.dxbl-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button),
.xaf-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button),
.dxbl-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button,
.xaf-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button {
    --dxbl-btn-bg: rgba(90, 155, 128, 0.12) !important;
    --dxbl-btn-color: #2a5c45 !important;
    --dxbl-btn-border-color: rgba(90, 155, 128, 0.36) !important;
    --dxds-color-surface-primary-default-rest: rgba(90, 155, 128, 0.12) !important;
    --dxds-color-surface-primary-default-hovered: rgba(90, 155, 128, 0.18) !important;
    --dxds-color-surface-primary-default-pressed: rgba(90, 155, 128, 0.22) !important;
    --dxds-color-content-onAccent-default-rest: #2a5c45 !important;
    background: rgba(90, 155, 128, 0.12) !important;
    background-color: rgba(90, 155, 128, 0.12) !important;
    background-image: none !important;
    color: #2a5c45 !important;
    border: 1px solid rgba(90, 155, 128, 0.36) !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    padding: 7px 14px !important;
    box-shadow: none !important;
    animation: none !important;
    text-shadow: none !important;
}

.dxbl-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):hover,
.dxbl-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):focus,
.xaf-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):hover,
.xaf-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):focus,
.dxbl-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button:hover,
.dxbl-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button:focus,
.xaf-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button:hover,
.xaf-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button:focus,
.dxbl-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):hover,
.dxbl-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):focus,
.xaf-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):hover,
.xaf-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):focus,
.dxbl-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button:hover,
.dxbl-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button:focus,
.xaf-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button:hover,
.xaf-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button:focus {
    --dxbl-btn-bg: rgba(90, 155, 128, 0.2) !important;
    --dxbl-btn-color: #1f4534 !important;
    --dxbl-btn-border-color: rgba(90, 155, 128, 0.48) !important;
    background: rgba(90, 155, 128, 0.2) !important;
    background-color: rgba(90, 155, 128, 0.2) !important;
    background-image: none !important;
    color: #1f4534 !important;
    border-color: rgba(90, 155, 128, 0.48) !important;
    box-shadow: 0 1px 4px rgba(45, 106, 79, 0.1) !important;
    animation: none !important;
}

.dxbl-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) .dxbl-btn-caption,
.dxbl-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) span,
.xaf-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) .dxbl-btn-caption,
.xaf-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) span,
.dxbl-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) .dxbl-btn-caption,
.dxbl-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) span,
.xaf-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) .dxbl-btn-caption,
.xaf-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) span {
    color: #2a5c45 !important;
    -webkit-text-fill-color: #2a5c45 !important;
}

.dxbl-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):hover .dxbl-btn-caption,
.dxbl-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):hover span,
.dxbl-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):focus .dxbl-btn-caption,
.dxbl-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):focus span,
.xaf-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):hover .dxbl-btn-caption,
.xaf-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):hover span,
.xaf-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):focus .dxbl-btn-caption,
.xaf-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):focus span,
.dxbl-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):hover .dxbl-btn-caption,
.dxbl-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):hover span,
.dxbl-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):focus .dxbl-btn-caption,
.dxbl-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):focus span,
.xaf-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):hover .dxbl-btn-caption,
.xaf-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):hover span,
.xaf-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):focus .dxbl-btn-caption,
.xaf-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button):focus span {
    color: #1f4534 !important;
    -webkit-text-fill-color: #1f4534 !important;
}

.dxbl-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) img,
.dxbl-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) .dxbl-image,
.dxbl-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) .xaf-toolbar-item-icon,
.dxbl-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button img,
.dxbl-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button .dxbl-image,
.dxbl-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button .xaf-toolbar-item-icon,
.xaf-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) img,
.xaf-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) .dxbl-image,
.xaf-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) .xaf-toolbar-item-icon,
.xaf-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button img,
.xaf-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button .dxbl-image,
.xaf-toolbar:has([data-action-id="Int_Usuario_Prompt_OpenUserPromptSettings"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button .xaf-toolbar-item-icon,
.dxbl-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) img,
.dxbl-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) .dxbl-image,
.dxbl-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) .xaf-toolbar-item-icon,
.dxbl-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button img,
.dxbl-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button .dxbl-image,
.dxbl-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button .xaf-toolbar-item-icon,
.xaf-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) img,
.xaf-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) .dxbl-image,
.xaf-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .dxbl-toolbar-btn:not(.xaf-animated-button) .xaf-toolbar-item-icon,
.xaf-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button img,
.xaf-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button .dxbl-image,
.xaf-toolbar:has([data-action-id="ShowPromptTutorial_Action"]) .xaf-toolbar-item:not([data-action-id="Int_Usuario_Prompt_ListView_DeletePrompts"]) .xaf-normal-button .xaf-toolbar-item-icon {
    filter: brightness(0) saturate(100%) invert(26%) sepia(18%) saturate(650%) hue-rotate(98deg) !important;
    opacity: 0.94 !important;
}

/**
 * Composers del asistente (constructor guiado + chat en vivo): anulan .dxbl-fl-ctrl textarea (!important)
 * de cicumba-harmony para borde/foco verdes en la vista de prompt de usuario.
 */
html body textarea.pab-live-input,
html body textarea.pab-composer-input,
.dxbl-fl-ctrl textarea.pab-live-input,
.dxbl-fl-ctrl textarea.pab-composer-input {
    border: 1px solid rgba(90, 155, 128, 0.35) !important;
    outline: none !important;
    box-shadow:
        inset 0 1px 2px rgba(22, 52, 38, 0.05),
        0 2px 10px rgba(22, 52, 38, 0.06) !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}

html body textarea.pab-composer-input,
.dxbl-fl-ctrl textarea.pab-composer-input {
    border-radius: 14px !important;
}

html body textarea.pab-live-input,
.dxbl-fl-ctrl textarea.pab-live-input {
    border-radius: 12px !important;
}

html body textarea.pab-live-input:hover:not(:disabled),
html body textarea.pab-composer-input:hover:not(:disabled),
.dxbl-fl-ctrl textarea.pab-live-input:hover:not(:disabled),
.dxbl-fl-ctrl textarea.pab-composer-input:hover:not(:disabled) {
    border-color: rgba(90, 155, 128, 0.48) !important;
}

html body textarea.pab-live-input:focus,
html body textarea.pab-live-input:focus-visible,
html body textarea.pab-composer-input:focus,
html body textarea.pab-composer-input:focus-visible,
.dxbl-fl-ctrl textarea.pab-live-input:focus,
.dxbl-fl-ctrl textarea.pab-live-input:focus-visible,
.dxbl-fl-ctrl textarea.pab-composer-input:focus,
.dxbl-fl-ctrl textarea.pab-composer-input:focus-visible {
    border-color: rgba(74, 132, 108, 0.85) !important;
    outline: none !important;
    box-shadow:
        inset 0 1px 2px rgba(22, 52, 38, 0.04),
        0 0 0 3px rgba(90, 155, 128, 0.22) !important;
}

html body textarea.pab-live-input:disabled,
html body textarea.pab-composer-input:disabled,
.dxbl-fl-ctrl textarea.pab-live-input:disabled,
.dxbl-fl-ctrl textarea.pab-composer-input:disabled {
    opacity: 0.65 !important;
}

/* Markdown en respuestas del asistente (PromptAssistant: constructor guiado + chat en vivo) */
.pab-msg-text.pab-msg-md {
    white-space: normal;
}

.pab-live-msg-text.pab-live-msg-md {
    white-space: normal;
}

.pab-chat-md-body {
    word-break: break-word;
}

    .pab-chat-md-body :first-child {
        margin-top: 0;
    }

    .pab-chat-md-body :last-child {
        margin-bottom: 0;
    }

    .pab-chat-md-body h1,
    .pab-chat-md-body h2,
    .pab-chat-md-body h3 {
        margin: 0.75em 0 0.35em;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #163524;
    }

    .pab-chat-md-body h1 { font-size: 1.2rem; }
    .pab-chat-md-body h2 { font-size: 1.05rem; }
    .pab-chat-md-body h3 { font-size: 0.98rem; }

    .pab-chat-md-body p {
        margin: 0.45em 0;
    }

    .pab-chat-md-body ul,
    .pab-chat-md-body ol {
        margin: 0.4em 0;
        padding-left: 1.3em;
    }

    .pab-chat-md-body li {
        margin: 0.18em 0;
    }

    .pab-chat-md-body hr {
        border: none;
        border-top: 1px solid rgba(90, 155, 128, 0.25);
        margin: 0.85em 0;
    }

    .pab-chat-md-body code {
        font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
        font-size: 0.88em;
        background: rgba(90, 155, 128, 0.12);
        padding: 0.1em 0.32em;
        border-radius: 4px;
    }

    .pab-chat-md-body pre {
        margin: 0.55em 0;
        padding: 8px 10px;
        border-radius: 8px;
        background: #f0f5f2;
        border: 1px solid rgba(90, 155, 128, 0.15);
        overflow-x: auto;
    }

    .pab-chat-md-body pre code {
        background: transparent;
        padding: 0;
        font-size: 0.85em;
    }

    .pab-chat-md-body blockquote {
        margin: 0.45em 0;
        padding: 0.3em 0 0.3em 0.75em;
        border-left: 3px solid rgba(90, 155, 128, 0.45);
        color: #3d5348;
    }

    .pab-chat-md-body strong {
        font-weight: 700;
        color: #142a1f;
    }

    .pab-chat-md-body a {
        color: #2d6a4f;
        text-decoration: underline;
        text-underline-offset: 2px;
    }

/*
 * Botón inline «crear desde cero»: site.css (y cicumba-harmony en toolbars sin Ajustes/Tutorial)
 * asumen botón sobre fondo verde → texto/iconos claros. Aquí el fondo es blanco: hay que
 * restaurar color de caption y quitar invert(1) en iconos con especificidad >= html body … (site.css).
 */
html body .cicumba-prompt-from-scratch-inline-host .dxbl-toolbar-btn:not(.xaf-animated-button),
html body .cicumba-prompt-from-scratch-inline-host button.dxbl-toolbar-btn:not(.xaf-animated-button) {
    --dxbl-btn-color: #0f4a42 !important;
    --dxds-color-content-onAccent-default-rest: #0f4a42 !important;
    color: #0f4a42 !important;
    -webkit-text-fill-color: #0f4a42 !important;
    background: #fff !important;
    background-color: #fff !important;
}

html body .cicumba-prompt-from-scratch-inline-host .dxbl-toolbar-btn:not(.xaf-animated-button):hover,
html body .cicumba-prompt-from-scratch-inline-host .dxbl-toolbar-btn:not(.xaf-animated-button):focus,
html body .cicumba-prompt-from-scratch-inline-host .dxbl-toolbar-btn:not(.xaf-animated-button):focus-visible {
    --dxbl-btn-color: #0c3d36 !important;
    color: #0c3d36 !important;
    -webkit-text-fill-color: #0c3d36 !important;
    background: #fafcfc !important;
    background-color: #fafcfc !important;
}

html body .cicumba-prompt-from-scratch-inline-host .dxbl-toolbar-btn:not(.xaf-animated-button) .dxbl-btn-caption,
html body .cicumba-prompt-from-scratch-inline-host .dxbl-toolbar-btn:not(.xaf-animated-button) .dxbl-btn-text,
html body .cicumba-prompt-from-scratch-inline-host .dxbl-toolbar-btn:not(.xaf-animated-button) span {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

/* Misma lógica que .dxbl-btn-light en site.css: icono verde oscuro, no blanco */
html body .cicumba-prompt-from-scratch-inline-host .dxbl-toolbar-btn:not(.xaf-animated-button) img,
html body .cicumba-prompt-from-scratch-inline-host .dxbl-toolbar-btn:not(.xaf-animated-button) .dxbl-image,
html body .cicumba-prompt-from-scratch-inline-host .dxbl-toolbar-btn:not(.xaf-animated-button) .xaf-toolbar-item-icon {
    filter: brightness(0) saturate(100%) invert(42%) sepia(14%) saturate(480%) hue-rotate(98deg) !important;
    opacity: 0.95 !important;
}

/*
 * Una sola línea: columna 1 = etiqueta + campo (Caption Left); columna 2 = botón.
 * El JS «layoutObservacionOneLine» refuerza el .dxbl-fl; aquí :has() por si el modelo aplica la clase en el padre.
 */
.prompt-example-half-width .prompt-observacion-from-scratch-one-line {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.prompt-example-half-width .prompt-observacion-from-scratch-one-line > .dxbl-fl,
.prompt-example-half-width .dxbl-fl:has(> .dxbl-fl-item .cicumba-prompt-from-scratch-inline-host) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 0.65rem !important;
    box-sizing: border-box !important;
}

.prompt-example-half-width .prompt-observacion-from-scratch-one-line > .dxbl-fl > .dxbl-fl-item:first-child,
.prompt-example-half-width .dxbl-fl:has(> .dxbl-fl-item .cicumba-prompt-from-scratch-inline-host) > .dxbl-fl-item:first-child {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: none !important;
}

.prompt-example-half-width .prompt-observacion-from-scratch-one-line > .dxbl-fl > .dxbl-fl-item:last-child,
.prompt-example-half-width .dxbl-fl:has(> .dxbl-fl-item .cicumba-prompt-from-scratch-inline-host) > .dxbl-fl-item:last-child {
    flex: 0 0 auto !important;
    min-width: 0 !important;
}

.prompt-example-half-width .prompt-observacion-from-scratch-one-line .dxbl-text-edit,
.prompt-example-half-width .prompt-observacion-from-scratch-one-line .dxbl-text-edit-input-container,
.prompt-example-half-width .dxbl-fl:has(.cicumba-prompt-from-scratch-inline-host) .dxbl-fl-item:first-child .dxbl-text-edit,
.prompt-example-half-width .dxbl-fl:has(.cicumba-prompt-from-scratch-inline-host) .dxbl-fl-item:first-child .dxbl-text-edit-input-container {
    min-width: 0 !important;
    max-width: 100% !important;
}

.prompt-example-half-width .prompt-observacion-from-scratch-one-line .cicumba-prompt-from-scratch-inline-host,
.prompt-example-half-width .dxbl-fl-item:has(.cicumba-prompt-from-scratch-inline-host) .cicumba-prompt-from-scratch-inline-host {
    min-width: 0 !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

/* Botón inline «crear desde cero» (toolbar del ActionContainer) */
.cicumba-prompt-from-scratch-inline-host {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    min-width: 11rem;
    overflow: visible !important;
    padding-top: 0.15rem;
}

.cicumba-prompt-from-scratch-inline-host .xaf-action-bar,
.cicumba-prompt-from-scratch-inline-host .xaf-toolbar {
    justify-content: flex-end;
    overflow: visible !important;
    flex-wrap: wrap !important;
}

.cicumba-prompt-from-scratch-inline-btn,
.cicumba-prompt-from-scratch-inline-btn.dxbl-btn,
button.cicumba-prompt-from-scratch-inline-btn,
.cicumba-prompt-from-scratch-inline-host .cicumba-prompt-from-scratch-inline-btn,
.cicumba-prompt-from-scratch-inline-host .cicumba-prompt-from-scratch-inline-btn.dxbl-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    border: 1px solid rgba(25, 60, 56, 0.14) !important;
    background: #fff !important;
    color: #0f4a42 !important;
    border-radius: 999px !important;
    padding: 5px 11px !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    line-height: 1.25 !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
    white-space: nowrap;
    max-width: none;
    width: auto;
    overflow: visible;
    text-overflow: unset;
}

.cicumba-prompt-from-scratch-inline-btn:hover,
.cicumba-prompt-from-scratch-inline-host .cicumba-prompt-from-scratch-inline-btn:hover {
    border-color: rgba(15, 74, 66, 0.28) !important;
    background: #fafcfc !important;
}

.cicumba-prompt-from-scratch-inline-btn:focus-visible,
.cicumba-prompt-from-scratch-inline-host .cicumba-prompt-from-scratch-inline-btn:focus-visible {
    outline: 2px solid rgba(15, 74, 66, 0.45) !important;
    outline-offset: 2px;
}

.cicumba-prompt-from-scratch-inline-btn .dxbl-btn-caption,
.cicumba-prompt-from-scratch-inline-btn .dxbl-btn-text {
    color: inherit !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
}