/* ============================================================
 * Rotinas Nia: dialog de resultado da execução.
 * Conteúdo renderizado pelo RoutineMarkdown (marked v13 + DOMPurify)
 * dentro de .routineOutputContent.
 *
 * POR QUE ARQUIVO SEPARADO: o tema do UI5 (data-sap-ui-theme em
 * index.html) é injetado dinamicamente em runtime, DEPOIS de todos
 * os <link> estáticos. Este arquivo é linkado por ÚLTIMO em
 * index.html e usa !important nas propriedades disputadas com o
 * tema (mesma estratégia de chat-message-content.css), garantindo
 * que a formatação vença por origem. NUNCA mover estas regras para
 * css/style.css (carregado primeiro, perde para o tema).
 * ============================================================ */
.routineOutputScroll .sapMScrollContScroll {
    padding: 1rem 1.5rem !important;
}

.routineOutputContent {
    font-size: 0.9rem !important;
    line-height: 1.45 !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    height: auto !important;
    max-height: none !important;
}

.routineOutputContent p {
    margin: 0.5em 0 !important;
}

.routineOutputContent h1,
.routineOutputContent h2,
.routineOutputContent h3,
.routineOutputContent h4,
.routineOutputContent h5,
.routineOutputContent h6 {
    margin: 0.8em 0 0.4em 0 !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}
.routineOutputContent h1 { font-size: 1.25em !important; }
.routineOutputContent h2 { font-size: 1.15em !important; }
.routineOutputContent h3 { font-size: 1.05em !important; }
.routineOutputContent h4 { font-size: 1em !important; }

.routineOutputContent ul,
.routineOutputContent ol {
    padding-left: 1.4em !important;
    margin: 0.4em 0 !important;
    list-style-position: outside !important;
}

.routineOutputContent li > p {
    margin: 0 !important;
}

.routineOutputContent table {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    margin: 0.6em 0 !important;
}
.routineOutputContent th,
.routineOutputContent td {
    border: 1px solid var(--sapUiListBorderColor, var(--sapList_BorderColor, #d9d9d9)) !important;
    padding: 6px 8px !important;
    word-break: break-word !important;
    vertical-align: top !important;
    text-align: left !important;
}
.routineOutputContent th {
    background: var(--sapUiExtraLightBG, var(--sapBackgroundColor, #f5f6f7)) !important;
    font-weight: 600 !important;
}

.routineOutputContent pre {
    background: var(--sapUiExtraLightBG, var(--sapBackgroundColor, #f2f2f2)) !important;
    border: 1px solid var(--sapUiListBorderColor, var(--sapList_BorderColor, #d9d9d9)) !important;
    border-radius: 4px !important;
    padding: 8px 10px !important;
    overflow-x: auto !important;
    margin: 0.6em 0 !important;
    white-space: pre !important;
}
.routineOutputContent code {
    font-family: "Courier New", monospace !important;
    background: var(--sapUiExtraLightBG, var(--sapBackgroundColor, #f2f2f2)) !important;
    border: 1px solid var(--sapUiListBorderColor, var(--sapList_BorderColor, #d9d9d9)) !important;
    border-radius: 3px !important;
    padding: 1px 4px !important;
    font-size: 0.9em !important;
}
.routineOutputContent pre code {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    font-size: 1em !important;
}

.routineOutputContent blockquote {
    border-left: 3px solid var(--sapUiListBorderColor, var(--sapList_BorderColor, #d9d9d9)) !important;
    margin: 0.6em 0 !important;
    padding: 0.2em 0 0.2em 0.8em !important;
    color: var(--sapUiBaseText, var(--sapTextColor, inherit)) !important;
}

.routineOutputContent hr {
    border: none !important;
    border-top: 1px solid var(--sapUiListBorderColor, var(--sapList_BorderColor, #d9d9d9)) !important;
    margin: 1em 0 !important;
}

.routineOutputContent a {
    color: var(--sapLinkColor, #0a6ed1) !important;
    text-decoration: none !important;
}
.routineOutputContent a:hover {
    color: var(--sapLink_Hover_Color, var(--sapLinkColor, #0a6ed1)) !important;
    text-decoration: underline !important;
}

.routineOutputContent strong,
.routineOutputContent b {
    font-weight: 700 !important;
}