/* 
 * Estilos para modais compactos e o ErroDetalhadoModal
 * compact-modal.css
 */

/* Modal de Erro Detalhado */
.erro-detalhado-modal {
    min-width: 500px;
}

.erro-detalhado-modal .detalhe-tecnico-container {
    background-color: var(--mud-palette-background-grey);
    border: 1px solid var(--mud-palette-lines-default);
    color: var(--mud-palette-text-primary);
    border-radius: 4px;
    padding: 12px;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.85rem;
    max-height: 400px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-word;
}

.erro-detalhado-modal .mensagem-erro {
    padding: 12px;
    background-color: var(--mud-palette-error-lighten);
    border-left: 4px solid var(--mud-palette-error);
    border-radius: 4px;
    margin-bottom: 16px;
}

/* Modal compacto para confirmações */
.compact-modal .mud-dialog {
    max-width: 400px;
}

.compact-modal .mud-dialog-title {
    padding: 12px 16px;
}

.compact-modal .mud-dialog-content {
    padding: 8px 16px;
}

.compact-modal .mud-dialog-actions {
    padding: 8px 16px;
    gap: 8px;
}